title: jQuery request image on focus
body: <p>I would like to pull an image from the server when a user clicks into an input field (without preloading the image).</p>
  
  <p>I have found the following code that shows text in a span when the input is in focus, but how would that need to be changed to request an image?</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;style&gt;span {display:none;}&lt;/style&gt;
  &lt;script type="text/javascript" src="scripts/jquery-1.3.2.min.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;p&gt;&lt;input type="text" /&gt; &lt;span&gt;focus fire&lt;/span&gt;&lt;/p&gt;
  &lt;script&gt;
    $("input").focus(function () {
      $(this).next("span").css('display','inline').fadeOut(1000);
    });
  &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Thanks</p>