i've the following situation:

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

 <div data-role="panel" id="mypanel">
        <a href="#page-href" class="ui-link-inherit">

</div>
	<div data-role="header">...</div>
	<div data-role="content">...</div>
	<div data-role="footer">...</div>
</div>

<div data-role="page" id="page2">
	<div data-role="header">...</div>
	<div data-role="content">...</div>
	<div data-role="footer">...</div>
</div>

the question is: i want to use a single page and navigate by DOM

 ... that's already ok,  but: i lose panel between navigation and i've to 

redefine in each page navigation-header and footer... what i'm missing? it's possible

 to define a "master" header, footer and navigation-panel?

Thank you.