Щелкните за пределами немодального диалогового окна, чтобы закрыть

Согласно моим предыдущим исследованиям, я смог выяснить, как вызвать событие щелчка в реальном времени на оверлее вокруг диалога, чтобы закрыть диалог. Однако это ограничивает дальнейшее развитие этого диалогового окна модальным. Если я установил диалоговое окно в немодальный режим, наложение для запуска события щелчка не будет. Как я могу настроить диалог (который теперь не является модальным), чтобы закрываться, когда я щелкаю за его пределами, без использования события щелчка наложения?

Вот мой диалог и последующее событие щелчка в реальном времени, которое позволяет мне закрыть диалоговое окно из наложение:

$("#dialog-search").dialog({
    resizable: false,
    height:dimensionData.height,
    width: dimensionData.width,
    modal: false,
    title: dimensionData.title,
    position: [x,y],
    close: function(event, ui){
       callBack(event,ui);
    }
});
$('.ui-widget-overlay').live('click', function() {
    $('#dialog-search').dialog("close");
});