Why does this super simple jquery not work?
<p>I'm having hard time getting this snippet to work. I have made a minimal example. You can  view it online: <a href="http://jsfiddle.net/qnnZe/" rel="nofollow">http://jsfiddle.net/qnnZe/</a> where it is <strong>working!</strong></p>

<p>test.html</p>

<pre><code>&lt;!DOCTYPE html&gt;
&lt;head&gt;
    &lt;title&gt;test&lt;/title&gt;
    &lt;meta charset="utf-8"&gt;
    &lt;script src="jquery.min.js"&gt;&lt;/script&gt;
    &lt;script src="test.js"&gt;&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
    &lt;p&gt;I am going to test right now.&lt;/p&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>test.js</p>

<pre><code>$("p").click(function () {
      $(this).hide("slow");
});
</code></pre>

<p>However, <strong>on my server it does not work</strong>. Here is the link to my server: <a href="http://techinf.de/sleepytime/test.html" rel="nofollow">http://techinf.de/sleepytime/test.html</a></p>

<p>As always, any help appreciated.</p>
