title: JavaScript files not working in Android PhoneGapped app, no jQuery mobile is being used
body: <p>I have a Hybrid app I built with HTML5, CSS3, JavaScript and some jQuery. I am also using FireBase to store data. Everything works good, until I PhoneGap my application to device (Android). It loads server content, so I know the internet is not a problem. The HTML and CSS work fine. But none of the functions work, like my .js files are being ignored. <strong>Steps taken so far:</strong> </p>
  
  <p>Ensured <code>&lt;access origin="*" /&gt;</code> is included in the config.xml file, </p>
  
  <p>Ensured <code>&lt;uses-permission android:name="android.permission.INTERNET" /&gt;</code> is included in the AndroidManifest.xml file,</p>
  
  <p>Ensured all <code>&lt;script&gt;</code> tags are included in the <code>&lt;body&gt;</code> tags of each HTML file,</p>
  
  <p>Ensured index.html retains the original PhoneGap index.js file with the <code>app init</code> code in it and that all my <code>&lt;script&gt;</code> tags are loaded after that,</p>
  
  <p>Ensured index.html contains all the <code>&lt;script&gt;</code> tags for the project.</p>
  
  <p>Below is the PhoneGapped index.html file for your inspection:</p>
  
  <pre><code>&lt;html&gt;
    &lt;head&gt;
      &lt;meta charset="utf-8" /&gt;
      &lt;meta name="format-detection" content="telephone=no" /&gt;
      &lt;meta name="msapplication-tap-highlight" content="no" /&gt;
      &lt;meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width" /&gt;
      &lt;meta http-equiv="Content-Security-Policy" content="default-src * 'unsafe-inline' gap:; style-src 'self' 'unsafe-inline'; media-src *" /&gt;
      &lt;link rel="stylesheet" href="css/customFitStyling.css" type="text/css"&gt;
      &lt;link rel="stylesheet" href="css/w3c_v4.css" type="text/css"&gt;
      &lt;title&gt;CustomFit&lt;/title&gt;
    &lt;/head&gt;
    &lt;body&gt;
  
      &lt;!--CONTENT--&gt;
  
      &lt;script type="text/javascript" src="cordova.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="js/index.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript"&gt;
        app.initialize();
      &lt;/script&gt;
      &lt;script type="text/javascript" src="js/jquery-3.2.1.min.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="js/customFitFunctions.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="js/setFalseBool.js"&gt;&lt;/script&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>