<input />在其他页面上留下其轮廓

Question

我在jQuery Mobile页面的标题data-role="header"中放置了一个输入框。

<form id="form-search" class="form-search" style="display: none; background-color: #fff; border-bottom: 1px solid #ccc;">
  <input type="search"** placeholder="Enter your search query" name="search-query" id="search-query" value="" data-mini="true" /> 
</form>

提交此表单后，页面会更改为$.mobile.changePage()，但该搜索框仍有大纲。这怎么可能？

我在提交表单后尝试在输入框上使用blur()，但它不起作用。此外，这是唯一一个输入框在其他页面上留下痕迹的地方。