A bare bones page layout. Note: panels must be defined with their page.

index.html

<section id="page1" data-role="page" data-theme="b">
  <!-- panel -->
  <div data-role="panel" id="page1Panel" data-theme="a">
    <ul data-role="listview" data-inset="true" data-divider-theme="b" data-theme="d">
      <li data-role="list-divider">Pages</li>
      <li><a href="#page2">Page 2</a></li>
      <li><a href="#page3">Page 3</a></li>
      <li data-role="list-divider">System</li>
      <li data-icon="gear"><a href="#settings">Settings</a></li>
      <li data-icon="info"><a href="#about">About</a></li>
    </ul>
  </div>
  <header data-role="header" data-position="fixed" data-theme="b">
    <a href="#page1Panel" class="ui-icon-nodisc" data-role="button" data-theme="a" data-iconshadow="false" data-icon="bars" data-iconpos="notext" data-inline="true"></a>
    <h1>JQM BB</h1>
  </header>
  <section data-role="content">
  </section>
  <footer data-role="footer" data-position="fixed">
    <h2>Footer</h2>
  </footer>
</section>