title: Get image src without loading the image?
body: <p>I have a html snippet being returned through ajax.  The snippet is an <code>&lt;img&gt;</code> tag.</p>
  
  <pre><code>&lt;img src="image.jpg" /&gt;
  </code></pre>
  
  <p>I need to extract the value of the <code>src</code> attribute without loading the image initially.  The reason for this is the <code>src</code> attribute contains a partial path that I need to manipulate in my app to load the image properly.</p>
  
  <p>I have the following code currently extracting the <code>src</code> attribute:</p>
  
  <pre><code>var src = $(value).attr('src');
  </code></pre>
  
  <p>However, this causes the image to load, resulting in a 404.  I would like to avoid this unnecessary request.</p>
  
  <p>How can I extract the value of the <code>src</code> attribute without causing the browser to load the image?</p>