Как скрыть всплывающее окно, нажав снаружи

Я пытаюсь придумать способ, чтобы при появлении сообщения # email-popup или # phone-popup, если пользователь щелкает где-либо, кроме видимого всплывающего окна, оно скрывает всплывающее окно.

Мой метод скрытия всплывающих окон в приведенном ниже коде не работает хорошо ...

Мой JQuery до сих пор

$(".email").click(function(){
    $("#email-popup").show("fast");
});
$(".phone").click(function(){
   $("#phone-popup").show();
});

$(document).click(function() {
     $("#email-popup").hide("fast");                        
     $("#phone-popup").hide("fast");
});

Ответы на вопрос(3)

Ваш ответ на вопрос