jquery mobile load page external into div

Question

How do insert the external code of register.html page in a div when when it finishes successfully my call ajax ?

function onSuccess(data, status)
    {

         $.mobile.pageContainer = $("#content").pagecontainer();
        $.mobile.pageContainer.pagecontainer("load", "register.html");
    }

    function onError(data, status)
    {
        // handle an error
    }        

I use pageContainer but not load the html in #content div

Answer 1

If using JQuery, you can load in external pages/markup using the load method. This will allow you to then output it into a div.

$( "#result" ).load( "ajax/test.html" );

For more info, see

http://api.jquery.com/load/

Answer 2

You'll need to use enhanceWithin() otherwise JQuery mobile enhancement won't be performed on the new content:

$.get('pagename.html', function (response) {
        $('#result').html(response).enhanceWithin();
});