title: Refresh image with a new one at the same url
body: <p>I am accessing a link on my site that will provide a new image each time it is accessed.</p>
  
  <p>The issue I am running into is that if I try to load the image in the background and then update the one on the page, the image doesn't change--though it is updated when I reload the page.</p>
  
  <pre><code>var newImage = new Image();
  newImage.src = "http://localhost/image.jpg";
  
  function updateImage()
  {
  if(newImage.complete) {
      document.getElementById("theText").src = newImage.src;
      newImage = new Image();
      number++;
      newImage.src = "http://localhost/image/id/image.jpg?time=" + new Date();
  }
  
      setTimeout(updateImage, 1000);
  }
  </code></pre>
  
  <p>Headers as FireFox sees them:</p>
  
  <pre><code>HTTP/1.x 200 OK
  Cache-Control: no-cache, must-revalidate
  Pragma: no-cache
  Transfer-Encoding: chunked
  Content-Type: image/jpeg
  Expires: Fri, 30 Oct 1998 14:19:41 GMT
  Server: Microsoft-HTTPAPI/1.0
  Date: Thu, 02 Jul 2009 23:06:04 GMT
  </code></pre>
  
  <p>I need to force a refresh of just that image on the page. Any ideas?</p>