Can a panel defined in index.html be used on another page, such as results.html? Or do I have to define the panel on every page and duplicate the HTML code on each page?
Because I want the panel to be consistent across all pages.
This is the panel in my index.html:
<div data-role="page" id="home">
<div data-role="panel" id="mypanel">
<!-- panel content goes here -->
</div>
<!-- /panel -->
<div data-role="header">
<!-- beginning of header -->
<div data-role="navbar" data-id="navbar">
<!-- beginning of persistent navbar, this navbar will be shown in all
pages -->
<ul>
<li> <a href="index.html" data-icon="search" class="ui-btn-active ui-state-persist">Search</a>
</li>
<li> <a href="#mypanel" data-icon="bars">More</a>
</li>
</ul>
</div>
<!-- /navbar -->
</div>
<!-- /header -->
<div data-role="content" id="content">
<!-- content -->
</div>
<!-- /content -->