title: How to auto-center jQuery UI dialog when resizing browser?
body: <p>When you use jquery UI dialog, all works well, except for one thing.
  When the browser is resized, the dialog just stays in it's initial position which can be really annoying.</p>
  <p>You can test it out on:
  <a href="http://jqueryui.com/demos/dialog/" rel="nofollow noreferrer">http://jqueryui.com/demos/dialog/</a></p>
  <p>Click on the &quot;modal dialog&quot; example and resize your browser.</p>
  <p>I'd love to be able to let dialogs auto-center when the browser resizes.
  Can this be done in an efficient way for all my dialogs in my app?</p>