javscript/jquery 点击页面其他地方关闭某个div？

Question

效果类似这样 ：

点击一个按钮，弹出一个div，在点击页面其他的位置时，关闭这个div。。。

目前是通过给document一个点击事件，然后关闭这个div。。（ps： 按钮已经阻止事件冒泡。所以不会触发document的事件）

但是我有点疑惑这种做法是否正确？

类似这样的效果还有其他的方式实现吗 ？

代码

<div id='a'></div>

<div id='b' class='hide'></div>

javascript:

$("#a").click(function(event){

    $("#b").show();

    event.stop..... （阻止事件冒泡）

});

$(document).click(function(){

$("#b").hide()

});