title: jQuery HiSRC plugin always loading retina images
body: <p>I'm using the HiSRC jQuery plugin to load larger images for retina displays. As a test, I set the larger images to bright red so that I can be certain of when they're loading and when they're not.</p>
  
  <p>It seems, however, that the retina images are loading all the time, even when using FF on my 2009 model iMac.</p>
  
  <p>I can also see in Firebug that the 'src' attribute in my page's HTML gets modified by the plugin so that the default image has been swapped with the retina one:</p>
  
  <p><img src="https://i.stack.imgur.com/n9dEH.png" alt="Firebug"></p>
  
  <p>All I'm using to call the script is the following:
  <code>$(".hisrc img").hisrc();</code></p>
  
  <p>In my text editor however, I'd coded it like so:</p>
  
  <pre><code>&lt;figure class="hisrc"&gt;
      &lt;a href="&lt;?php bloginfo('url'); ?&gt;/"&gt;&lt;img src="&lt;?php bloginfo('template_url'); ?&gt;/image/logo.png" data-1x="&lt;?php bloginfo('template_url'); ?&gt;/image/logo-1x.png" alt="Logo" /&gt;&lt;/a&gt;
  &lt;/figure&gt;
  </code></pre>
  
  <p>Here is a link to the site:
  <a href="http://bit.ly/ITLq8L" rel="nofollow noreferrer">http://bit.ly/ITLq8L</a></p>
  
  <p>Can anyone see what I'm doing wrong?</p>