hide any popup or required object when click outside of the object

/* just replace the #selector and enjoy */
var mouse_is_inside = false;

$(document).ready(function()
{
    $('#profile_links').hover(function(){
        mouse_is_inside=true;
    }, function(){
        mouse_is_inside=false;
    });

    $("body").mouseup(function(){
        if(! mouse_is_inside) $('#profile_links').hide();

/* if(! mouse_is_inside)
 {
 $('#login_box').hide();
  $('#master_loader').hide();
 }
 */
    });

$('#login_box').hover(function(){
        mouse_is_inside=true;
    }, function(){
        mouse_is_inside=false;
    });

    $("body").mouseup(function(){
        //if(! mouse_is_inside) $('#login_box').hide();
if(! mouse_is_inside)
 {
 $('#login_box').hide();
  $('#master_loader').hide();
 }

    });
});