title: Jquery load in image dynamically
body: <p>When my page loads I have an empty image, after a user inputs the correct query string I parse it and return the id/location of the image using AJAX.</p>
  
  <pre><code>&lt;a class="bigImg rght" style="width:258px;"&gt;
  &lt;img src="" alt="Slide" width="298" height="224" /&gt;&lt;/a&gt;
  </code></pre>
  
  <p>Then I append the new id's into the img src field, but what it is not doing is loading the new image in.</p>
  
  <pre><code>parent_img.attr("src","http://www.mysite.com/files/"
  +(data.offset_num)+"/"+(data.offset_id)).fadeIn(1000);
  </code></pre>
  
  <p>So now my html looks like this:</p>
  
  <pre><code>&lt;a class="bigImg rght" style="width:258px;"&gt;
  &lt;img src="http://www.mysite.com/files/4823413/008234" alt="Slide" width="298" height="224" /&gt;&lt;/a&gt;
  </code></pre>
  
  <p>which is the correct location, but it's not refreshing the image, 
  <strong>how can I force it to do so? so the new image is loaded in.</strong></p>