hiding element using JQuery failing
<p>Would somebody be able to tell me what i am doing wrong in this simple hide element script using 
JQuery? When i click the button its meant to hide the text in the disclaimer tag. Thanks.</p>

<p>index.html:</p>

<pre><code>&lt;!DOCTYPE HTML"&gt;
&lt;html&gt;
&lt;head&gt;
&lt;title&gt;&lt;/title&gt;
&lt;meta name="" content=""&gt;
&lt;script src="script.js" type="text/javascript"&gt;&lt;/script&gt;
&lt;script type='text/javascript' src='jquery.js'&gt;&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;input type="button" id="hideButton" value="hide"/&gt;

&lt;div id="disclaimer"&gt;
&lt;p&gt;This is a disclaimer&lt;/p&gt;

&lt;/div&gt;

&lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>script.js:</p>

<pre><code>$('#hideButton').click(function() {

    $('#disclaimer').hide();

});
</code></pre>
