title: How to import .js files
body: <p>Hi I am developing phonegap application. If I use console.log in index.html file then it prints, but If I use it in another file it doesn't print. If suppose I import files in index.html file like:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  
  &lt;html&gt;
  
  &lt;head&gt;  
  
      &lt;link rel="stylesheet" href="jquery.mobile/jquery.mobile-1.1.0.css" /&gt;
      &lt;link rel="stylesheet" href="docs/assets/css/jqm-docs.css" /&gt;
      &lt;link rel="stylesheet" href="docsdemos-style-override.css" /&gt;
  
  
      &lt;script type="text/javascript" charset="utf-8" src="cordova-1.6.1.js"&gt;&lt;/script&gt;             
      &lt;script type="text/javascript" src="jquery.mobile/jquery-1.7.2.min"&gt;&lt;/script&gt;       
      &lt;script type="text/javascript" src="jquery.mobile/jqm.autoComplete-1.4.js"&gt;&lt;/script&gt;    
      &lt;script type="text/javascript" src="jquery.mobile/jquery.mobile-1.1.0.js"&gt;&lt;/script&gt;
  
      &lt;script type="text/javascript"&gt;
  
          console.log("!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!");
      &lt;/script&gt;
  
  &lt;/head&gt;
  
  &lt;body&gt;
  
  &lt;div data-role="page" id="home" data-add-back-btn="true"&gt;
      &lt;div data-role="content" &gt;
  
          &lt;a href="UI/Equity/test.html" data-role="button" id="myButton"&gt;index&lt;/a&gt;            
  
      &lt;/div&gt;
  &lt;/div&gt;
  
  
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Then page display with button and print !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!. But on click of button it shows test.html file which is like:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  
  &lt;html&gt;
  
  &lt;head&gt;  
  
      &lt;link rel="stylesheet" href="jquery.mobile/jquery.mobile-1.1.0.css" /&gt;
      &lt;link rel="stylesheet" href="docs/assets/css/jqm-docs.css" /&gt;
      &lt;link rel="stylesheet" href="docsdemos-style-override.css" /&gt;
  
  
      &lt;script type="text/javascript" charset="utf-8" src="cordova-1.6.1.js"&gt;&lt;/script&gt;             
      &lt;script type="text/javascript" src="jquery.mobile/jquery-1.7.2.min"&gt;&lt;/script&gt;       
      &lt;script type="text/javascript" src="jquery.mobile/jqm.autoComplete-1.4.js"&gt;&lt;/script&gt;    
      &lt;script type="text/javascript" src="jquery.mobile/jquery.mobile-1.1.0.js"&gt;&lt;/script&gt;
  
      &lt;script type="text/javascript"&gt;
  
          console.log("@@@@@@@@@@@@@@@@@@@@@@@@@@@@");
      &lt;/script&gt;
  
  &lt;/head&gt;
  
  &lt;body&gt;
  
  &lt;div data-role="page" id="home" data-add-back-btn="true"&gt;
      &lt;div data-role="content" &gt;
  
          &lt;a href="#" data-role="button" id="myButton"&gt;Test&lt;/a&gt;           
  
      &lt;/div&gt;
  &lt;/div&gt;
  
  
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>But here it doesn't print @@@@@@@@@@@@@@@@@@@@@@@@@@@@ why is it so?</p>