Can't make JQuery work
<p><strong>Tools:</strong> Visual Studio 2010</p>

<p>I'm trying to learn jQuery, but I cant make this example work even after trying for 2 hours.  I know it's quite simple but I don't know what I'm missing.</p>

<p>JQuery is defined here, inside the <code>&lt;head&gt;</code> tag:</p>

<pre><code>&lt;head runat="server"&gt;
&lt;title&gt;&lt;/title&gt;
&lt;script src="Scripts/jquery-1.7.1-vsdoc.js" type="text/javascript"&gt;&lt;/script&gt;
&lt;script type="text/javascript"&gt;
    $(document).ready(function () {
        $("button").click(function () {
            $("#divTest1").hide();
            $("p").hide();
        });
    });
&lt;/script&gt;
&lt;/head&gt;

&lt;body&gt;
&lt;form id="form1" runat="server"&gt;
&lt;div&gt;
    &lt;div id="divTest1"&gt;
        Itz too much I cant make it work...!
    &lt;/div&gt;
    &lt;h2&gt;
        This is a heading&lt;/h2&gt;
    &lt;p&gt;
        This is a paragraph.&lt;/p&gt;
    &lt;p&gt;
        This is another paragraph.&lt;/p&gt;
    &lt;button&gt;
        Click me&lt;/button&gt;
&lt;/div&gt;
&lt;/form&gt;
&lt;/body&gt;
</code></pre>

<p><strong>Updates:</strong><br/></p>

<ul>
<li><p>I have tried this
$(document).ready(function () { alert("Hello"); });
And added breakpoint in firebug/Script,after page load firebug got into the jquery library and the went out of it,but it didn't showed any popup</p></li>
<li><p>I just changed from "jquery-1.7.1-vsdoc.js" to this "jquery-1.7.1.js" and used simple script to check if itz working <code>$(document).ready( function(){ alert("Hello"); }  );</code>  ,jquery is working now.</p></li>
</ul>
