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.

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

<body>
<p id="para">Hai Rama Raju</p>
<button id="click">Click to hide the text</button>
</body>
</html>

```

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 !!!