モーダルウィンドウで、コンテンツ以外のところをクリックしたらモーダルを非表示にする

以前「要素全体のclickイベントで、クリックした要素の種類で処理をわける」ってのを書いたのですが、 それと似たようでちょっと違う方法。

モーダルウィンドウを表示したあと、コンテンツと閉じるボタンが表示されるとして、 コンテンツエリア以外をクリックしたらモーダルウィンドウを閉じるにはどうすればいいんだろ。 と思っていたんですが、めちゃくちゃ簡単でした。

$('.modal').click(function(){
 if( $('.foo:hover').length == 0 ){
  $('.modal').hide();
 }
});

すごく単純なことなのに悩んでました。。。