title: HTML5 Offline App files using the Cache Manifest is never updated
body: <p>I have developed a HTML5 mobile app with jQueryMobile and I'm trying to provide the offline feature for allowing the users to use the app without Internet connectivity.
  I have been following this tutorial: <a href="http://www.html5rocks.com/en/tutorials/appcache/beginner/" rel="nofollow">http://www.html5rocks.com/en/tutorials/appcache/beginner/</a></p>
  
  <ul>
  <li>The Manifest file was created.</li>
  <li>The mime-type text/cache-manifest was added to the .htaccess file.</li>
  <li>Pages contain the manifest file in the HTML tag.</li>
  </ul>
  
  <p>I test it and it seems to work. When I'm without connection, the web navigation between my pages still works.
  Nevertheless, I'm detecting two main issues:</p>
  
  <p>1) Offline navigation works when I get in the app with connectivity and then I switch it off. When opening the app from the mobile device browser writting the URL whitin the address bar without connectivity, the web app is not loaded!! Although I visited the web app before.</p>
  
  <p>2) Web app files are never updated. For instance:</p>
  
  <ul>
  <li>I change something in the catched CSS file.</li>
  <li>I update a comment in the Manifest file to tell the app to update its
  files.</li>
  <li>The CSS file is never updated. The current version is the previous
  one.</li>
  </ul>
  
  <p>I try to detect the Cache's Status from JavaScript for managing the page refresh:</p>
  
  <pre><code>function checkCacheVersion(){
      var webappCache = window.applicationCache;
      if(webappCache){
          //0-&gt; unchached
          //1-&gt; idle
          //2-&gt; checking
          //3-&gt; downloading
          //4-&gt; updateready
          console.log('Cache state= ' +  webappCache.status);
          if(webappCache.status == window.applicationCache.UPDATEREADY){
              console.log('[Cache] There is an update waiting for reload');
              webappCache.swapCache();
              location.reload();
          }
      }
  }
  </code></pre>
  
  <p>Nevertheless, the Cache Status is always "Idle" status. What does it means?
  I understand, I would receive the "Uncached" status if the Cache wasn't configured properly. Right?</p>
  
  <p>On the other hand, the example's CSS file is only refreshed if I remove it from the Manifest file. So the browser detects the file is not catched and obtains it correctly (I mean, Cache is properly configured, right?).</p>
  
  <p>Could you please help me to find out where the problem is?
  Many thanks!!</p>
  
  <p>Sergi</p>