i am developing mobile application using JQuery Mobile, in the main page which is home page everything is fine but when moving to next page and change ths orientation footer disapers completely, however the code i am using for all the pages are same

here is the code i am using for the footer 

 <div data-role="footer">

 

  
 <div class="separator"></div> 
 

      <div data-role="navbar" data-iconpos="top" class="line" id="line"> 

      <ul> 

            <li><a href="#home_pg" id="tab1" data-transition="none"> 

            <img src="image/home-broadcast-icon.png" /> </a></li> 

                         <li><a href="#plugin_pg" id="tab3" data-transition="none">

                         <img src="image/nav-3.png" /> </a></li> 

                        <li><a href="#help_pg" id="tab4" data-transition="none"> 

                        <img src="image/nav-4.png" /> </a></li>

             </ul>

       </div> 

</div>

 please help

with regards