title: jQuery to change img src based on href
body: <p>I have four or five thumbnails next to a full-size image. When I click the thumbnail, I just want it to replace the full-size image.</p>
  
  <p>Thumbnail:</p>
  
  <pre><code>&lt;a href="newimage.jpg" class="enlarge"&gt;&lt;img src="thumbnail.jpg" alt="thumbnail" /&gt;&lt;/a&gt;
  </code></pre>
  
  <p>Fullsize:</p>
  
  <pre><code>&lt;div id="folio-detail"&gt;
  &lt;img id="fullImage" src="image.jpg" /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>jQuery:</p>
  
  <pre><code>$(function(){
          $("a.enlarge").live('click', function (e) {
              e.preventDefault();
              $("img#fullImage").attr("src", $(this).attr("href"));
           });
      });
  </code></pre>
  
  <p>This isn't working ... any help?</p>