title: Displaying jQuery's Datepicker in the center of the screen
body: <p>Here's the code that is generated by default</p>
  
  <pre><code>&lt;div id="ui-datepicker-div" class="ui-datepicker 
    ui-widget ui-widget-content ui-helper-  clearfix ui-corner-all 
    ui-datepicker-multi ui-datepicker-multi-2" style="width: 34em; 
    position: absolute; left: 349px; top: 453px; z-index: 1; display: block; "&gt;
  </code></pre>
  
  <p>The problem with this is that the datepicker is shown right next to the trigger input, instead of the center which is where i want it.</p>
  
  <p>You can see the demo site here: <a href="http://enniakiosk.spin-demo.com/travelers.php" rel="nofollow">http://enniakiosk.spin-demo.com/travelers.php</a></p>
  
  <p><br>
  Does anyone know how to center the <code>.ui-datepicker</code> class using javascript? CSS Won't work, obviously.</p>