title: HTTP 304 loading SVG via jQuery.html()
body: <p>I have an SVG logo wrapped in an anchor on a site being served in several test environments. In all environments except the latest one we built, this logo loads fine. In the latest environment the SVG logo fails to load in Chrome and Safari but loads fine in Firefox. I cannot figure out the root cause or where even to start looking.</p>
  
  <p>The code in question resembles this</p>
  
  <pre><code>&lt;a href="/" id="logo" title="home"&gt;&lt;img src="/images/logo.svg"&gt;&lt;/a&gt;
  </code></pre>
  
  <p>In Chrome and Safari, the server returns HTTP 200 but the response contains no data. The result is a broken image icon.</p>
  
  <p><a href="https://i.stack.imgur.com/6gcLx.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/6gcLx.png" alt="broken image icon"></a></p>
  
  <p>My first thought was that it was a file permission problem. I tried <code>chmod 777</code> and <code>chmod 644</code> and <code>chown root</code> and <code>chown www-data</code>. No effect. </p>
  
  <p>My second thought was that it was a browser caching issue. But running in Incognito Mode in both Chrome and Safari and clearing the browsers' caches has no effect.</p>
  
  <p>Even more strange to me is that if I open the SVG directly via <code>https://ourhost/images/logo.svg</code> in Safari or Chrome, then the response is correct.</p>
  
  <p>The site is being served from a locally hosted  Wordpress on Apache2.</p>
  
  <p><strong>UPDATE</strong>: As <a href="https://stackoverflow.com/users/3834688/manivannan">Manivannan</a> realized, this has nothing to do with jQuery. I've edited that out </p>