I'm using jQueryMobile 1.4.4 on Worklight. 

**EDIT :** I have a main html `index.html` which contains a div `#pageContent`. What I'd like to do is to include the external pages in this block, in order to maintain the header / footer and skeleton of the `index` page that should be generic to all the app.

I was facing an issue which is that when loading an external HTML page into a div in the main page, the Jquery style is not applied, because the styles / JS has not been interpreted yet. Using this : 

```
function wlCommonInit () {
    $("#pageContent").load ("pages/login-view.html");
)};

```

then following the jquery mobile doc, to make sure that everything on the main page is being loaded before rendering an external HTML page I have changed it to :

```
function wlCommonInit () {

    $(document).on ("pageinit", function () {

        alert ("Hello there");

        $.mobile.loadPage (
            "pages/login-view.html"
            ,{ 
                "pageContainer": $("#pageContent")
            }
        )}
    );
}

```

but this code is not being fired and the alert doesn't appear.

Is something wrong with my code ?