title: JQuery Mobile page not running on Chrome locally
body: <p>I have a simple local jQuery mobile page copied from a tutorial of w3schools and it is running perfectly in Mozilla but not on Chrome. It keeps showing a loader. </p>
  
  <p>Same page works just fine after uploading on server. 
  I have tried shuffling CDN position but no luck. </p>
  
  <p>Please help I am stuck :(</p>
  
  <p>Here is my code copy and save this with .html extension and try to run on chrome locally,  you will know where I am stuck. </p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
    &lt;!-- Include meta tag to ensure proper rendering and touch zooming --&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
    &lt;!-- Include jQuery Mobile stylesheets --&gt;
    &lt;link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css"&gt;
    &lt;!-- Include the jQuery library --&gt;
    &lt;script src="http://code.jquery.com/jquery-1.11.3.min.js"&gt;&lt;/script&gt;
    &lt;!-- Include the jQuery Mobile library --&gt;
    &lt;script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;div data-role="page" id="pageone"&gt;
    &lt;div data-role="header"&gt;
      &lt;h1&gt;Insert Page Title Here&lt;/h1&gt;
    &lt;/div&gt;
  
    &lt;div data-role="main" class="ui-content"&gt;
      &lt;p&gt;Insert Content Here&lt;/p&gt;
    &lt;/div&gt;
  
    &lt;div data-role="footer"&gt;
      &lt;h1&gt;Insert Footer Text Here&lt;/h1&gt;
    &lt;/div&gt;
  &lt;/div&gt; 
  
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>