Linking and embed js file when consist lot of html document in jquery mobile

Linking and embed js file when consist lot of html document in jquery mobile

Hi I am new for Jquery mobile. I need to develop mobile apps which consist lot of screen. There are around 50 html inside my apps. I am facing this problem nw which is hw to linking to each other page?  

Btw let say i need to embedded cordova.js or custom js file to all pages. So did i need to embedded java-script file to every 50 page's header? It is very time-consuming to restructure my apps
for example
  2. <head>
  3. <meta charset="utf-8">
  4. <title>Smart Realtor</title>
  5. <meta name="viewport" content="width=device-width, initial-scale=1">
  6. <meta name="apple-mobile-web-app-capable" content="yes">  
  7. <meta name="apple-mobile-web-app-status-bar-style" content="black"> 

  9. <link rel="stylesheet" href="css/smartrealtor-theme.css" />
  10. <link rel="stylesheet" type="text/css" href="css/snap.css" />
  11. <link rel="stylesheet"  href="css/custom.css"> 
  12. <link rel="stylesheet"  href="css/themes/default/jquery.mobile.structure-1.4.2.css">
  13. <link rel="stylesheet"  href="css/themes/default/jquery.mobile.icons-1.4.2.css">
  14. <link rel="stylesheet"  href="css/jqm-icon-pack-fa.css">
  15. <script src="js/jquery.js"></script>
  16. <script src="js/globalsetting.js"></script>
  17. <script src="js/jquery.mobile-1.4.2.min.js"></script>

  19. </head>
Did Jquery mobile provide any function like I need only include js file to index.html. Then my other page will automatically load those js file. Please guide me solution. Thanks