title: jQuery blur event except when clicking a particular div
body: <p>This is my code:</p>
  
  <pre><code>   $("#newGenreTxt").blur(function () {
          $("#txtAddGenreContainer").slideUp();
      });
  </code></pre>
  
  <p>I want to hide the text box if it loses its focus, but the problem is that I want to hide it if a user clicks anywhere but my button: </p>
  
  <pre><code>$("#addGenreFinal").click(function () {});
  </code></pre>
  
  <p>So If user clicks the addGenreFinal nothing happens and if it's something else hide the textbox. </p>