如何在Jquery.load（）之后加载javascript文件？

Question

I'm navigating through the site by doing this

$('.account-nav a').on('click', function (e) {
    e.preventDefault(e);
    var url = this.href;
    console.log(url);
    $('.account-nav  a> .account-tab-current').removeClass('account-tab-current');
    $(this).children('.account-tab').addClass('account-tab-current');

    $('#user-page-content').remove();
    $('#user-page-container').load(url + ' #user-page-content').hide().fadeIn('fast');

    var url = $(this).attr('href');
    if (url != window.location){
        window.history.pushState({path: url}, '', url);
    } 

Problem is, one of the pages contains a script that doesn't get loaded. that page. I also pass in a php variable. It looks something like this:

<div id ='user-page-container>
  <div id ='user-page-content>
    //content with $variable


<script>
    var myVariable =
            '<?php
if (isset($variable)) {
    echo $variable;
}

 //some jquery animation stuff here

?>';

</script>
  </div>
</div>

Nothing inside the script get loaded when the html is loaded through jquery.