title: jQuery-UI close modal dialog on background click
body: <p>I'm toying with jQuery UI, and I like how this demo works:
  <a href="http://jqueryui.com/demos/dialog/#modal-message" rel="noreferrer">http://jqueryui.com/demos/dialog/#modal-message</a></p>
  
  <p>However, when a dialog comes up, the only way to close it is to click one of the interface buttons inside the dialog - how could I extend this to close any/a given dialog when the user clicks on the background layer covering up the page? </p>
  
  <p>I saw where users can hit "escape", but frankly I don't think most users will think to do this (I didn't until I saw it as an option), however it might occur to them to click away from the message.</p>
  
  <p>Is there an event/option I'm missing that I can tap into?</p>