page refresh not working with ajax navigation?

page refresh not working with ajax navigation?

I have an index page successfully loading another page called information.php using ajax-navigation.

However, when i am looking at information.php and i press the refresh button on the web browser, it displays information.php but i lose the head.

does anyone know how to make the page reload with the missing head (from index.php)?


here is my model:

index:
  2. <!DOCTYPE HTML>
  3. <html>
  4. <head>
  5. <title>index</title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <link rel="stylesheet" href="../css/ui-darkness/jquery-ui-1.10.2.custom.min.css" />
  8. <link rel="stylesheet" href="../css/jquery.mobile-1.3.0.min.css" />
  9. <link rel="stylesheet" href="../css/main.css" />
  10. <script type="text/javascript" src="../js/jquery-1.8.2.min.js"></script>
  11. <script type="text/javascript" src="../js/jquery.mobile-1.3.0.min.js"></script>
  12. <script type="text/javascript" src="../js/jquery-ui-1.10.2.custom.min.js"></script>
  13. </head>
  14. <body> 
  15. <div data-role="page">
  16. <div id="header" data-role="header" data-theme="a">
  17.         <h1>head</h1>
  18.  </div>
  19. <div data-role="content">
  20.         <div id="body-container">            
  21.             <a href="information.php" data-role="button">link</a>
  22.         </div>
  23.     </div>
  24.     <div data-role="footer">
  25.         <h4>FOOT</h4>
  26.     </div>   
  27. </div>
  28. </body>
  29. </html>
information.php:
  2. <div data-role="page" id="information-page">
  3. <div id="header" data-role="header" data-theme="a">
  4.         <h1>head</h1>
  5.     </div>
  6.     <div  data-role="content" id="body-inner-container">
  7.         <h1>Lorem ipsum</h1>
  8.         <p>Lorem ipsum dolor sit amet, vel veniam nostrud dolorem ea, tollit invidunt postulant mel ut. Ne has iudico lucilius. Cu his noster inimicus, mea verterem recteque ex, cu duo vide scriptorem omittantur. Nec verterem convenire efficiendi cu. Inani erant democritum vim ex, congue aeterno mea te, ne vix eripuit maluisset consequuntur.</p>
  9.     </div>
  10.     <div data-role="footer">
  11.         <h4>foot</h4>
  12.     </div>
  13. </div>