jQuery to change img src based on href
<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>
