title: How to get new image size after changing src in IE
body: <p>I have an image element with a spinner gif.  I later dynamically change the src of that image with jQuery, and I want to get the actual width and height of the new image.  Here is my code:</p>
  
  <pre><code>function loadImage() {
  $('#uploaded-image').load(function() {
      var img = document.getElementById('uploaded-image');
  
              // These statements return the correct values in FF and Chrome but not IE
      imgWidth = img.clientWidth;
      imgHeight = img.clientHeight;
  });
  $('#uploaded-image').removeAttr('width').removeAttr('height').attr('src', imgUrl);
  }
  </code></pre>
  
  <p>This works perfectly in Chrome and Firefox, but IE always returns the size of the original spinner gif instead of the new image.</p>
  
  <p>How can I get the width and height of the new image in IE?  </p>
  
  <p><strong>Notes:</strong></p>
  
  <p>I've tried the jQuery .width() and .height() methods in addition to the pure Javascript approach, with the same results.</p>
  
  <p>The .load event is being fired as expected in all browsers.</p>