title: Webpage hangs until clearing cache
body: <p>I am developing an HTML5 game with jQuery. However, sometimes the page hangs up when loading (For now I only saw this happen on Chrome for mac). When it hangs, sometimes there is a string "waiting app cache" at the bottom. The webpage won't respond to any user mouse event during that time. The same will happen even if you reload the page. However, if you go to settings and clear cached images and files, the webpage won't hang on loading again.</p>
  
  <p>I have no idea why this happen. There is no error in the console so I don't know where the problem could be. What's worse, when the webpage hangs it will be hard to even open the debug console. Any ideas or guesses as to why this happens? Thanks in advance!</p>
  
  <p>Follow up, my javascript entry point:</p>
  
  <pre><code>$(window).ready(function() {
      middleLayerInitialize();
      initialize();
      addEventListeners();
  });
  </code></pre>
  
  <p>Here is how I include jQuery:</p>
  
  <pre><code>&lt;link rel="stylesheet" href="./styles/jquery.mobile-1.3.2.css" /&gt;
  &lt;script type="text/javascript" src="./js/jquery-1.10.1.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="./js/jquery.mobile-1.3.2.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="./js/jquery.mousewheel.js"&gt;&lt;/script&gt;
  </code></pre>