title: Changing src attribute doesn't update image
body: <p>As part of an image gallery I am using the below code to switch out the <code>src</code> attribute on an image element as a user clicks on various thumbnails. Every part of it has been working fine for about 7 months, since I built it, but sometime in the past few weeks this part of the code stopped working:</p>
  
  <pre><code>var nextLgSrc =  $('.gallery-image._'+selected).data('lgsrc');
  $('.hero-image').attr('src', nextLgSrc);
  </code></pre>
  
  <p><code>nextLgSrc</code> is succesfully returning an absolute URL to the image that will be replacing the current one. And the src of the img element is in fact changing when the thumbnails are clicked, but the images no longer change. The first (default) image stay stuck, even though the src attribute is changing underneath it.</p>
  
  <p>Can anyone tell me what might have happened and how to fix it?</p>
  
  <p>Here is a link to the full gallery code to see it in context if that's helpful: <a href="http://pastebin.com/mae8YQi2" rel="nofollow">http://pastebin.com/mae8YQi2</a></p>
  
  <p>And actually, here is a link to a page that isn't working: <a href="http://penumbralux.com/project/marisol" rel="nofollow">http://penumbralux.com/project/marisol</a></p>