jQuery button click to hide a div
<p>I have a <code>&lt;div&gt;</code> which is hidden through jquery only inital when the page loads.
I have button, in which on the click event the <code>&lt;div&gt;</code> gets visible. I want the <code>&lt;div&gt;</code> to be hidden on the button click event also. I have a event on the button click binding a grid in asp.net.</p>

<p>Following is the code I have tried in which <code>#dInner</code> is the div and <code>#bNextWeek</code> is the button.</p>

<pre><code>$(document).ready(function () {
    $('#dInner').hide();

    $('#&lt;%=bNextWeek.ClientID%&gt;').live('click', function (e) {
         $('#dInner').hide();                                
    });
});
</code></pre>
