jquery - load scripts and css with ajax loaded contents -

i have page contains menu sidebar links , div load ajax content other pages in it, content load scripts , css not work, use html 5 history load load content other pages.

$(function () {      $('.menuanchor').click(function (e) {         href = $(this).attr("href");         loadcontent(href);         // history.pushstate         history.pushstate('', 'new url: ' + href, href);         e.preventdefault();     });      // event makes sure back/forward buttons work     window.onpopstate = function (event) {         console.log("pathname: " + location.pathname);         loadcontent(location.pathname);     }; });  function loadcontent(url) {     // uses jquery load content     $.get(url, {}, function (data) {         $(".contn_btm_mid_bg").html($(data).find('.contn_btm_mid_bg').html());         //$.validator.unobtrusive.parse(".contn_btm_mid_bg");     });      // these 2 lines make sure nav bar reflects current url     $('li').removeclass('current');     $('a[href="' + url + '"]').parent().addclass('current'); } 

ok 1 thing load css , js externally using code

$("<link/>", {    rel: "stylesheet",    type: "text/css",    href: "/styles/yourcss.css" }).appendto("head"); 

same js