<div data-role="page" id="page1"> <div data-role="header"> <h1>Page #1 Header</h1> </div> <div data-role="content"> <p>Page #1 content goes here. <a href="#page2">Click to go to page #2</a> </p> </div> <div data-role="footer"> <h4>Page #1 Footer</h4> </div> </div> <div data-role="page" id="page2"> <div data-role="header"> <h1>Page #2 Header</h1> </div> <div data-role="content"> <p>Page #2 content goes here. <a href="#page1">Click to go back to page #1</a> </p> </div> <div data-role="footer"> <h4>Page #2 Footer</h4> </div> </div>