Zamknij div, klikając na zewnątrz

Chcę ukryć div, klikając link w nim,lub klikając dowolne miejsce poza tym div.

Próbuję następującego kodu, otwiera się i zamyka div, klikając poprawnie link link, ale jeśli mam problem z zamknięciem, klikając gdziekolwiek poza div.

$(".link").click(function() {
  $(".popup").fadeIn(300);
}

);
$('.close').click(function() {
  $(".popup").fadeOut(300);
}

);
$('body').click(function() {
  if (!$(this.target).is('.popup')) {
    $(".popup").hide();
  }
}

);
<div class="box">
  <a href="#" class="link">Open</a>
  <div class="popup">
    Hello world
    <a class="close" href="#">Close</a>
  </div>
</div>

Próbny: http://jsfiddle.net/LxauG/

questionAnswers(7)

yourAnswerToTheQuestion