jQuery移动表单提交正在重新加载，而不是加载新页面

我有一个简单的表单，它只要求在我的jQuery移动应用程序上显示“第一个”的用户名，想法是他们将输入用户名（然后使用cookie或会话进行身份验证以供进一步使用），然后显示应用程序的“主页”。现在，当我尝试在表单中输入我的名字时，“索引”页面会立即出现，然后表单会重新加载到顶部。我不明白为什么会发生这种情况，非常感谢您的帮助

js:

html:

你叫什么名字？
提交
应用程序主体

您不能使用#索引来引用，请尝试使用其他名称来引用

<div data-role="page" id="index">

编辑：我刚刚尝试过这个，事实上jQuery mobile仍在DOM中存储表单，您必须删除它，所以如果您将这一行添加到js中，索引实际上可以正常工作：

$("#introform").remove();

<div data-role="page" id="index">

<div data-role="page" id="uniqueName">

$.mobile.changePage("#uniqueName", {transition: "slidedown"});

$("#introform").remove();