Закройте div, нажав снаружи

Я хочу скрыть div, нажав на ссылку закрытия в нем,или же нажав где-нибудь за пределами этого div.

Я пытаюсь следовать следующему коду, он открывает и закрывает div, правильно щелкая ссылку close, но если у меня есть проблема, закройте его, щелкнув где-нибудь за пределами div.

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

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

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

);

  <a href="#" class="link">Open</a>
  
    Hello world
    <a class="close" href="#">Close</a>
  

Демо-версия: http://jsfiddle.net/LxauG/