Jquery help regarding hiding selected div divs
<p>i have say five divs with the layout as in the following code..</p>

<pre><code>//Div one
&lt;div class="container"&gt;
&lt;div class="hide"&gt;
    &lt;button class="hide" value="hide" /&gt;
&lt;/div&gt;
&lt;/div&gt;

//Div Two
&lt;div class="container"&gt;
&lt;div class="hide"&gt;
    &lt;button class="hide" value="hide" /&gt;
&lt;/div&gt;
&lt;/div&gt;

//Div Three
&lt; div class="container"&gt;
&lt;div class="hide"&gt;
    &lt;button class="hide" value="hide" /&gt;
&lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>now say i click the hide button in the second div, i want to hide the second div.. That is i want to hide the div corresponding to the button click.. 
How to do that via jquery only???</p>

<p>i tried using the 'this' keyword through jquery but that would hide all the containers and not just one.
please help me</p>
