jQuery: Ocultar ventana emergente si se detecta un clic en otro lugar

Estoy tratando de ocultar un div si el usuario hace clic en cualquier lugar PERO la ventana emergente O son niños. Este es el código que tengo hasta ahora:

$("body").click(function(){
    var $target = $(event.target);
    if(!$target.is(".popup") || !$target.is(".popup").children()){
        $("body").find(".popup").fadeOut().removeClass('active');
    }
});

Funciona para el div .popup, pero si se hace clic en alguno de sus hijos, lo oculta de todos modos.

Respuestas a la pregunta(11)

Su respuesta a la pregunta