如何通过单击框覆盖的区域之外来关闭 jQuery UI 模式对话框？

我正在使用 jQuery 1.6 和 jQuery UI。我成功地实施了一个模态对话框 http://jqueryui.com/demos/dialog/窗口的宽度几乎是我的应用程序网页宽度的 50%。我想给用户另一种关闭对话框的方法这样，当他/她单击页面上“模式框”覆盖的区域之外时，该框将被关闭，就像用户单击其右上角的“标准”“x”按钮一样。

我怎样才能做到这一点？

Update

这是最初的答案：

$(".ui-widget-overlay").click (function () {
     $("#your-dialog-id").dialog( "close" );
});

这是工作解决方案：

$('.ui-widget-overlay').live('click', function() {
     $('#your-dialog-id').dialog( "close" );
});