1.  <!-- page 1 header -->   <div data-role="navbar">
                       <ul>
                           <li><a class="ui-btn-active" href="#page_1" data-icon="star" data-ajax="false">Page 1</a></li>
                           <li><a href="#page2" data-icon="grid" data-ajax="false">>Page2</a></li>
                       </ul>
                   </div>
   
   <!-- page 2 header -->
   
    <div data-role="navbar">
                       <ul>
                           <li><a href="#page_1" data-icon="star" data-ajax="false">Page 1</a></li>
                           <li><a class="ui-btn-active" href="#page2" data-icon="grid" data-ajax="false">>Page2</a></li>
                       </ul>
                   </div>

As you can see, I use the class="ui-btn-active" for the tab I want to be selected/active. It works fine but just once. When I go back to page 1, no tab is selected and after that, when I go to page 2, also no tab is selected. How can I prevent this?