close jquery ui dialog when clicked out side

close jquery ui dialog when clicked out side the dialog box

Add this code on document.ready function,


$(window).click(function(event) {
if (($(event.target).closest('.ui-dialog')).length>0) {
// if clicked on a dialog, do nothing
return false;
}
else if(event.target.id!='your dialog id''){
$('.ui-dialog-content:visible').dialog('close');
}
else {
// if clicked outside the dialog, close it
$('.ui-dialog-content:visible').dialog('close');
}
})