How to .hide() a single div from a class
<p>I have a set of divs which are specified under the same class name, and which have no ids. Given this scenario, how can I use Jquery's <code>.hide()</code> method to hide only the div that was clicked, and not the entire class without having to specify an id for each div? </p>

<pre><code>&lt;div class="div"&gt;&lt;p&gt;Some placeholder text &lt;/p&gt; &lt;/div&gt;
&lt;div class="div"&gt;&lt;p&gt;Some more placeholder text &lt;/p&gt; &lt;/div&gt;
&lt;div class="div"&gt;&lt;p&gt;And even placeholder text &lt;/p&gt; &lt;/div&gt;


$(".div").click (function(){  
    $(".div").hide(); 
    });
</code></pre>

<p>The script above will hide all divs with the class "div" but we only want to hide the div that was clicked, not the entire class. </p>
