JQuery Single Page Mobile App

I am trying to build a jQuery app with multiple page. Where different pages are placed in different html files. index.html

Solution 1:

First of all sorry because of the typo mistake i did at

<sciprt src="abc.js"></sciprt>

It should be (Thanks to @Ingo Burk for pointing it out)

<script src="abc.js"></script>

Secondly i tried to using

$('#second').append(msg.second);
$('#first').append(msg.first);

But didn't work out then i used

$('#second').html(msg.second);
$('#first').html(msg.first);

and that solved my problem. And also don't use document.write() in a page, when u are loading page via $.load(). I wasted 3 days because of this( thanks to @Ram for pointing it out). Check https://github.com/jquery/jquery-mobile/issues/430