The JavaScript Blog - Everything JavaScript

I have seen a lot of overly complex solutions for this simple problem and none of them have been valid solutions, here is a snippet that accomplishes it in an unambiguous manner.

$('#el').dialog({
open: function(e){
          var self = this;
          $('.ui-widget-overlay').bind('click', function(){
            $(self).dialog('close');
          });
        },

        close: function(){
          $('.ui-widget-overlay').unbind('click');
        }
});