jquery mobile - loadPage issue

Question

I am having trouble getting jQuery-mobile load page to load my next page into the \"content\" div.

I have cut my page down

Answer 1

I don't think You can load a page inside another page, you could try something like this though:

$(document).on('pageinit', function(){
    $( "#nextPage" ).on( "click", function(){
        $('#containerTest').load('nextPage.html [data-role="content"]',function(){
            $('.ui-page-active').trigger('create');
        });
    });
});

This will load the content (<div data-role="content">) from page 2 inside the container, then it will trigger the create event on the original page to enhance the loaded content