Better than binding click event to document, you can use this kind of snippet:

SEE DEMO

$('#mydiv').click(function(e) {
        e.stopPropagation();
    })
    .css({outline:0})
    .focusout(function(){
         $(this).fadeOut(300);  
    }).focus();


How to hide a DIV element when I click outside
I plan to install a whole house water filter system. I will buy the cartridges separately and have a plumber hook it up. I don't want to trench from one end of the house to the other to put them on the garage wall, so I plan to just have it installed outside in the bushes where the water line comes in from the street. 

I will have 3 cylinder cartridges that are about 7" diameter and 24" tall. 

For reference, 3 of these: http://www.purewaterproducts.com/whole-house-filters-compact (Style C + Style B). One particulate filter + 2 carbon filters in parallel. 

Any ideas on enclosures I can use to protect them from the weather?
