jquery - div 以外の場所をクリックして div を非表示にするにはどうすればよいですか?

Question

幅と高さが 100% で、z-index が 9999 の iframe オーバーレイを表示しています。iframe 内の実際の div の幅はわずか 620 ピクセルです。問題は、その div の外側をクリックするだけで iframe を非表示にできないことです。ここに私が今使っているコードがあります

$(document).click(function() {
    alert("hide iframe");
});
$(".myDivInsideMyIframe").click(function(e) {
    e.stopPropagation();
    return false;      
});

内部にあるdivの外側をクリックしてiframeを非表示にするにはどうすればよいですか?

---

jsfiddle: http://jsfiddle.net/H5Vpd/7/

---

私がやろうとしていることをより明確にするために：

ウィジェットは私のドメインから来ており、他のドメインに埋め込まれます。他のドメインの内容を制御することはできませんが、ユーザーが iframe の div の外側をクリックすると、iframe が非表示になると便利だと思います