jquery mobile 的转场问题，急、急、急

我们的应用使用phonegap开发的，加载的页面又两部分组成
<script type="text/javascript" src="jquery.js">
<div id="index"></div>
<div id="container"></div>

用户登陆进去之后，会在container页面加载jquery mobile 及显示主页。点击注销时会清除container的内容 ，然后写入登陆界面
<div id="container">
<script type="text/javascript" src="jquery.mobile.js">
<div data-role="page" id="page1">

</div>
<div data-role="page" id="page2>
这里有一个返回按钮用于回到page1页面
</div>
</div>

用户第一次登陆进去可以正常运行，$.mobile.changePage("#page1")也可以正常跳转；但注销再进入时转场就会在底部增加一个index页面使我的page1页面被遮住了，
<div id="container">
<script type="text/javascript" src="jquery.mobile.js">
<div data-role="page" id="page1">

</div>
<div data-role="page" id="page2>
这里有一个返回按钮用于回到page1页面
</div>
</div>
<div data-role="page" id="index>

</div>
这是为什么啊，请帮我解决一下，非常感激