how to hide div with jquery when click anywhere except one div?
<p>I am making a search input on focus it shows a div with options with following:</p>

<pre><code>$("#search").focus(function(){

$("#options").fadeIn("fast");

});
</code></pre>

<p>I am hiding the div back with this function</p>

<pre><code> $("#search").blur(function(){

$("#options").fadeOut("fast");

});
</code></pre>

<p>now the problem is even when user clicks at any checkbox in <code>#option</code> it hides. How I can stop it hidding when clicking checkboxes?</p>
