Question about use a single page and navigate by DOM In Jquery.

Question about use a single page and navigate by DOM In Jquery.

I used jquery mobile 1.3.2 

i've the following situation:
  1. <div data-role="page" id="page1">
  2.  <div data-role="panel" id="mypanel">
  3.         <a href="#page-href" class="ui-link-inherit">
  4. </div>
  5. <div data-role="header">...</div>
  6. <div data-role="content">...</div>
  7. <div data-role="footer">...</div>
  8. </div>
  9. <div data-role="page" id="page2">
  10. <div data-role="header">...</div>
  11. <div data-role="content">...</div>
  12. <div data-role="footer">...</div>
  13. </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 a lot!