title: jQuery trigger event when click outside the element
body: <pre><code>$(document).click(function(evt) {
      var target = evt.currentTarget;
      var inside = $(".menuWraper");
      if (target != inside) {
          alert("bleep");
      }
  
  });
  </code></pre>
  
  <p>I am trying to figure out how to make it so that if a user clicks outside of a certain div (menuWraper), it triggers an event.. I realized I can just make every click fire an event, then check if the clicked currentTarget is same as the object selected from $(".menuWraper"). However, this doesn't work, currentTarget is HTML object(?) and $(".menuWraper") is Object object? I am very confused.</p>