title: jQuery bind click *ANYTHING* but *ELEMENT*
body: <p>Say there are some elements floating around, and I'm trying to do some when I click ANYTHING(divs, body, whatever...) but the one specified (e.g. div#special).</p>
  
  <p>I'm wondering if there's a better way to achieve this besides the following method I can think of...</p>
  
  <pre><code>$(document).bind('click', function(e) {
      get mouse position x, y
      get the element (div#special in this case) position x, y
      get the element width and height
      determine if the mouse is inside the element
      if(inside)
          do nothing
      else
          do something
  });
  </code></pre>