title: Jquery lightbox click :not
body: <p>I'm trying to get a :not click event with jquery.
  Essentially I'm trying to build a lightbox. Works fine, but I would like it to close ONLY if the black space is clicked. If the image is clicked lightbox should not hide.</p>
  
  <p>Please see the example:
  <a href="http://jsfiddle.net/nrUCc/7/" rel="nofollow">http://jsfiddle.net/nrUCc/7/</a>
  I have tried this: (line 42 in the js column)</p>
  
  <pre><code> $('#lightbox').not('#lightbox img').click(function(e){
          $(this).css('display','none');
   })
  </code></pre>
  
  <p>..but still it triggers when I click on the image.</p>
  
  <p>Any suggestions?
  thanks</p>