title: How to close a jQuery UI modal dialog by clicking outside the area covered by the box?
body: <p>I am using jQuery 1.6 and jQuery UI. I successfully implemented a <a href="http://jqueryui.com/demos/dialog/" rel="nofollow">modal dialog</a> window which width is almost 50% of my application web page' width. I would like to give to the user <em>another way to close the dialog</em> so that when he\she clicks outside the area covered on the page by the "modal box", this one will be closed as if the user clicked on the "standard" "x" button on the top-right of that.</p>
  
  <p><strong>How can I do that?</strong></p>