How to hide a popup by clicking outside

#phone-popup, #email-popup

        {

            height: 200px;

            width: 200px;

            background: red;

            position: absolute;

            top: 200px;

            left: 200px;

            display: none;

        }

$(".email").click(function(e) {

            e.stopPropagation();

            $("#email-popup").show("fast");

        });

        $(".phone").click(function(e) {

            e.stopPropagation();

            $("#phone-popup").show("fast");

        });

        $(document).click(function(e) {

            if (!(e.target.id === 'email-popup' || e.target.id === 'phone-popup')) {

                $("#email-popup, #phone-popup").hide("fast");

            }

        });

<input type="button" class="email" value="email" />

<input type="button" class="phone" value="phone" />

<div id="email-popup" >E-MAIL</div>

<div id="phone-popup" >PHONE</div>