jQuery Forum

I am trying a simple page transition example using jQM in Android.
Basically my index.html has 2 pages as follows.
        <div data-role="page" id="page1">
            <div data-role="header">
                <h3>
                    Page 1
                </h3>
            </div>
            <div data-role="content">
                <a data-role="button" href="#page2" data-changepage="true">
                    Go to Page 2
                </a>
            </div>
        </div>
        <div data-role="page" id="page2">
            <div data-role="header">
                <h3>
                    Page 2
                </h3>
                <a data-role="button" data-direction="reverse" data-rel="back"
                href="#page2" data-icon="arrow-l" data-iconpos="left">
                    Back
                </a>
            </div>
            <div data-role="content">
            </div>
        </div>

When I transition from page1 to page2 it works well. But while in page2 if I press the Android phone navigation bar back button (history button) it takes me out of the app. I was expecting it to take me back to page1. Is there anything wrong here?