title: HTML5 offline JSON doesn't work
body: <p>I have a small HTML5 (using jQuery mobile) web app that caches its files to use them offline, however some parts don't seem to work once it's offline.</p>
  
  <p>The files are cached OK (I can see them in the web inspector) but when I try to visit a page that uses jQuery to load a JSON file it doesn't load.</p>
  
  <p>I tried creating an empty function to load the JSON files (when the index page is loaded) to see if that would help but it doesn't seem to make a difference.</p>
  
  <p>Here's the function that doesn't want to work offline.</p>
  
  <p>My question is: should it work offline or am I missing something?</p>
  
  <pre><code>// events page listing start
   function listEvents(data){
   $.getJSON('/files/events.json', {type: "json"},function (data) {
          var output = '';
               for (i in data)
                  {
                  var headline = data[i].headline;
                  var excerpt =  data[i].rawtext;
                  output += '&lt;div id="eventsList"&gt;';
                  output += '&lt;h3&gt;'+headline+'&lt;/h3&gt;';  
                  output += '&lt;p&gt;'+ excerpt +'&lt;p&gt;';  
                  output += '&lt;/div&gt;';  
                  }
              $("#eventsPageList").html(output).trigger("create");
          });
  }
  </code></pre>