title: How do I center a jquery dialog to show at the center of the current viewable area of the browser?
body: <p>I am able to center the dialog with a default position that is the exact center of the page. However when the page height is longer that the browser window, when the dialog first opens, it scrolls the entire page back to its center.</p>
  
  <p>I would like to preset the dialog to be at the center relative to the screen not the page.</p>
  
  <p>I believe this is what I use to initialize it:</p>
  
  <pre><code>dialogDiv.dialog(
  {
      title: "Edit Rating",
      width: 'auto',
      height: 'auto',
      modal: true,
      resizable: false
  }); 
  </code></pre>