pageshow and pagehide events

demonstrates prevPage and nextPage

HTML

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0rc2/jquery.mobile-1.0rc2.min.css">
<script src="http://code.jquery.com/mobile/1.0rc2/jquery.mobile-1.0rc2.min.js"></script>
<body>
    <div data-role="page" id="page_1">
        <div data-role="header">
            <h1>Page 1</h1>
        </div>
        <div data-role="content">
            <a href="#page_2">To Page 2</a>
        </div>
    </div>
    <div data-role="page" id="page_2" data-add-back-btn="true">
        <div data-role="header">
            <h1>Page 2</h1>
        </div>
        <div data-role="content">
            <a href="#page_1">To Page 1</a>
        </div>
    </div>    
</body>

JavaScript

$(document).bind('pageshow', function(event, data) {
    console.log("pageshow --> previous page: " + data.prevPage.attr('id'));
});

$(document).bind('pagehide', function(event, data) {
    alert('hereee');
});