JS for Partial view dont run when loaded via another script

I have a partial view that has some images that represent the first page different catalogs. When the image is clicked if runs a js.

function RefreshCatalog(id) {
    $.ajax({
        type: "POST",
        url: '/umbraco/surface/CustomComponentSurface/IBDLaodCatalog',
        data: { CatIndex : id },            
        success: function (responce) {
            $('.turn-flipbook').html(responce);
        }
    });
}

Id represents the content id

    [HttpPost]
    public ActionResult IBDLaodCatalog(string CatIndex)
    {
        try
        {
            IPublishedContent model = Umbraco.Content(CatIndex);

            return PartialView(PARTIAL_VIEW_COMPONENTS_FOLDER + "IBDFlipBook.cshtml", model);
        }
        catch 
        {
            return null;
        }
    }

The Partial view loads however there is a load of javascript (turn.js) that needs run to load the catalog but this dosent run. only that aspects of the view are displayed that are not populated from the scripts.

How do I get around this.


This is a companion discussion topic for the original entry at https://our.umbraco.com/forum/101904-js-for-partial-view-dont-run-when-loaded-via-another-script