Why doesn't the following jquery script work?
<p>I have a simple single page setup.  Under a root folder, I have 3 subfolders (js, css, and images).  In the root folder, I have an index.html page with the following content:</p>

<pre><code>&lt;html&gt;
&lt;head&gt;
&lt;title&gt;&lt;/title&gt;
&lt;script language="javascript" src="js/jquery-1.3.2.min.js"&gt;&lt;/script&gt;
&lt;script language="javascript" src="js/myscript.js"&gt;&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;a onclick="doSomething()" href="#" class="doSomething"&gt;Click!&lt;/a&gt;
&lt;/body&gt;
&lt;html&gt;
</code></pre>

<p>myscript.js contains the following code:</p>

<pre><code>$('a.doSomething').click(function(){
//Do Something here!
alert('You did sometihng, woo hoo!');
});
</code></pre>

<p>When I click the link, nothing happens.  What am I missing?</p>
