Jquery Hiding tags within the body
<pre><code>&lt;html&gt;
&lt;head&gt;

&lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js" &gt;
 &lt;/script&gt;
&lt;script type="text/javascript"&gt;


$(document).ready(function(){

$("button").click(function()
{
   callMe();
});


function callMe()
{

$("body .p").hide();
}

});

&lt;/script&gt;
&lt;/head&gt;

&lt;body&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;h2&gt;This is a heading2&lt;/h2&gt;
&lt;button&gt;Click me&lt;/button&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>Hi , </p>

<p>I am new to Jquery , so please excuse if my questions are dumb .
Here i am trying to hide the P tags within the body ( On click of that submit button )</p>

<p>But this is no working .</p>

<p>could anybody please help me  </p>
