JQM Multi page with inter page transitions

This is a Jquery Mobile Multi Page example with inter-page transitions applied.

HTML

<div data-role="page" id="page1">
    <div data-role="header">
        <h1>Home</h1>
    </div>
    <div data-role="content">    
        <p>Click <a href="#page2" data-transition="slide">List</a></p>
        <p>Click <a href="#page3" data-transition="slide">Detail</a></p>
    </div>
</div>


<div data-role="page" id="page2">
    <div data-role="header">
        <h1>List</h1>
    </div>
    <div data-role="content">    
        <p><a href="javascript:history.back();">Home</a></p>
        <p><a href="#page3" data-transition="slide">Detail</a></p>
    </div>
</div>


<div data-role="page" id="page3">
    <div data-role="header">
        <h1><p>Click <a href="javascript:history.back();"><-</a></p> Detail</h1>
    </div>
    <div data-role="content">    
        
    </div>
</div>