Very Basic jquery call isn't working at all
<p>I feel so bad having to post this. But, I have been banging my head to understand why this simple code doesn't work on any of my browsers. IE or Chrome or FF.</p>

<pre><code>&lt;html&gt;
&lt;head&gt;
&lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript"&gt;
$(document).ready(function(){
  $("#click").click(function(){
    $("#para").hide();
  })
}
&lt;/script&gt;
&lt;/head&gt;

&lt;body&gt;
&lt;p id="para"&gt;Hai Rama Raju&lt;/p&gt;
&lt;button id="click"&gt;Click to hide the text&lt;/button&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>And it doesn't work at all !!! I checked the Javascript on browser, it's enabled. I tried downloading the jquery file and still the issue persists. No clue !!!</p>
