Close Modal dialog by clicking on the background?

Close Modal dialog by clicking on the background?

is there a way to get the modal dialog box to close by clicking on the background - .ui-widget-overlay?

I tried
  1.                 $('.ui-widget-overlay').click(function(){
  2.                     $('#dialog').dialog('close');
  3.                 });

but it didn't work.

Can anyone help?