How to load CSS using jquery

Question

I have loaded a css file on server so I am having a URL with me. How can i load it in my perl code using JQuery ? So currently I am hardcoding the css in my mason page which is missing from the page something like this JQ.onReady('show', function(){ JQ.addStyles({styles: ["\n\n.ap_classic { border-top:1px solid #ccc;border-left:1px solid #ccc;border-bottom:1px solid #2F2F1D; border-right:1px solid #2F2F1D;background-color:#EFEDD4;padding:3px; } .ap_classic .ap_titlebar { color:#86875D;font-size:12px;padding:0 0 3px 0;line-height:1em; } .ap_classic .ap_close { float:right; } .ap_classic .ap_content { clear:both;background-color:white;border:1px solid #ACA976;padding:8px;font-size:11px; } "]}); }); I want to avoid hardcoding this css ? JavaScript questions and answers, JavaScript questions pdf, JavaScript question bank, JavaScript questions and answers pdf, mcq on JavaScript pdf, JavaScript questions and solutions, JavaScript mcq Test , Interview JavaScript questions, JavaScript Questions for Interview, JavaScript MCQ (Multiple Choice Questions)

Answer 1

I don't get why you can not just insert the element in the section, but here's a jQuery snippet: $('head').append( $('').attr('href', 'your stylesheet url') );