Having trouble with a simple jQuery image loader
<p>I am trying to implement a simple script of image thumbnails, that when clicked, display a larger image.</p>

<p>I am trying to do this without using an existing plugin.</p>

<p>Here is my current code.</p>

<pre><code>$('#thumbnails ul li').click(function() {
$('#main').attr('src', $(this).attr('src').replace('small/', 'large/'));});​
</code></pre>

<p>Can someone please let me know what I am doing wrong? I have also upload the whole code here... <a href="http://jsfiddle.net/PjrFe/" rel="nofollow">http://jsfiddle.net/PjrFe/</a></p>

<p>Thanks in advance guys. </p>
