Why doesn't this JQuery code work?
<p>I am following a tutorial from nettuts, specifically here:</p>

<p><a href="http://blog.themeforest.net/tutorials/jquery-for-absolute-beginners-day-11/" rel="nofollow">http://blog.themeforest.net/tutorials/jquery-for-absolute-beginners-day-11/</a></p>

<p>I am 3/4's of the way through the video and when I try to test the page, it is not working.</p>

<p>Here is the aspx page:</p>

<pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;

&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
&lt;head&gt;
&lt;title&gt;&lt;/title&gt;
&lt;link href="css/default.css" rel="stylesheet" type="text/css" /&gt;
&lt;script language="javascript" src="js/jquery-1.3.2.min.js"&gt;&lt;/script&gt;
&lt;script src="js/myscript.js" type="text/javascript"&gt;&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;a href="images/one.jpg"&gt;&lt;img src="images/oneTN.jpg" alt="some image"/&gt;&lt;/a&gt;
&lt;a href="images/two.jpg"&gt;&lt;img src="images/twoTN.jpg" alt="some image"/&gt;&lt;/a&gt;
&lt;a href="images/three.jpg"&gt;&lt;img src="images/threeTN.jpg" alt="some image"/&gt;&lt;/a&gt;
&lt;/body&gt;
&lt;html&gt;
</code></pre>

<p>Here is myscript.js:</p>

<pre><code>$(function() {

$('a').hover(function(e) {
 var href = $(this).attr('href');
 $('&lt;img id="largeImage" src="' + href + '" alt="big image" /&gt;')
 .css('top', e.pageY)
 .css('left', e.pageX)
 .appendTo('body');
}, function() {
 $('#largeImage').remove();
});
});
</code></pre>

<p>The part of the tutorial I am at is not complete, but at this point, when you hover over the image, it should display the large image which it is not doing.  Am I missing something like a ; or )?</p>

<p>I just realized that I had a console.log in the script, but I am unsure why it would still not run.  Is this by design with firebug?</p>
