Close Jquery UI dialog

Click anywhere outside the dialog on the overlay to close the dialog.

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/start/jquery-ui.css">
<div id="dialog">Eu sou uma janela!
    <br />
    <button id="close">Fechar janela</button>
</div>
<button id="open">Abrir janela</button>
<button id="close">Fechar janela</button>

JavaScript

$('#open').click(function () {
    $('#dialog').dialog('open');

});
$('#close').click(function () {
    $('#dialog').dialog('close');

});

jQuery(document).ready(function () {
    jQuery("#dialog").dialog({
        autoOpen: false,
        modal: true,
        open: function () {
            $('.ui-widget-overlay').remove();
        }
    });
});