$('body').click(function(e) {
    var target = $(e.target);
    // 如果#overlay或者#btn下面還有子元素，可使用
    // !target.is('#btn *') && !target.is('#overlay *')
    if(!target.is('#btn') && !target.is('#overlay')) {
       if ( $('#overlay').is(':visible') ) {  
            $('#overlay').hide();                                                    
       }
    }
});
 

或者

$('body').click(function(e) {
   if(e.target.id != 'btn' && e.target.id != 'overlay')
      if ( $('#overlay').is(':visible') ) {
         $('#overlay').hide();
      }
})