Event on a click everywhere on the page outside of the specific div

Question

I\'d like to hide a div when user click anywhere on the page outside of that div. How can I do that using raw javascript or jQuery?

Answer 1

First idea, in raw javascript (from this post):

  
    
    
    
    
    
    
  
  
    
my div
  
 

Tested with IE6 and FireFox3.1, it does work as advertised.