title: how to hide div with jquery when click anywhere except one div?
body: <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>