如何在点击除一个div之外的任何地方时用jquery隐藏div？

Question

我在焦点上进行搜索输入，它显示带有以下选项的div：

$("#search").focus(function(){

$("#options").fadeIn("fast");

});

我正在使用此功能隐藏div

 $("#search").blur(function(){

$("#options").fadeOut("fast");

});

现在问题是即使用户点击它隐藏的#option中的任何复选框也是如此。单击复选框时如何阻止它隐藏？

Answer 1

 $("#search").blur(function(e){
   e.stopPropagation()
   $("#options").fadeOut("fast");
});