Use jQuery to hide a DIV when the user clicks outside of it

Question

I am using this code:

$(\'body\').click(function() {
   $(\'.form_wrapper\').hide();
});

$(\'.form_wrapper\').click(function(event){
   event.stopPropagatio         


        

Answer 1

According to the docs, .blur() works for more than the tag. For example:

$('.form_wrapper').blur(function(){
   $(this).hide();
});