title: cross domain issue in making application offline using HTML5
body: <p>I have 2 servers. One which serves static content (abc server) and the other is the application server (def).</p>
  
  <p>The static contents(images,css, js) are served from the assets (apache server) while the application(index.html) is served from a different server.</p>
  
  <p>How do I make the application offline in this case using manifest file.</p>
  
  <p>Right now my manifest file looks like this:</p>
  
  <pre><code>CACHE MANIFEST
  CACHE:
  http://abc.com/user.js
  http://abc.com/jquery-1.6.1.min.js
  </code></pre>
  
  <p>And in the index.html file located on the def server</p>
  
  <pre><code>&lt;html manifest="test.appcache"&gt;
  </code></pre>
  
  <p>Console output </p>
  
  <blockquote>
    <p>Document was loaded from Application Cache with manifest
    <a href="http://def.com/test.appcache" rel="nofollow">http://def.com/test.appcache</a> Application Cache Checking event</p>
  </blockquote>
  
  <p>The static content doesnt get cached as seen from the console.</p>