Pages and links with jQuery Mobile

jqm_example.html

<div data-role="page" id="first">
    <div data-role="header">
        <h1>Page Title1</h1>
    </div><!-- /header -->

    <div data-role="content"> 
        <p>Page content goes here.</p>
        <a href="#second">Go to second page</a>
    </div><!-- /content -->
</div><!-- /page -->


<div data-role="page" id="second"> 
    <div data-role="header">
        <h1>Page Title2</h1>
    </div><!-- /header -->

    <div data-role="content"> 
        <p>Page content goes here.</p> 
    </div><!-- /content -->
</div><!-- /page -->