title: JQuery DatePicker: How to add a custom class
body: <p>I need to apply a custom style to my datepicker but can't work out how to add a custom class to the datepicker. I am defining my date picker as follows:</p>
  
  <pre><code>            $("#From").datepicker({
                  showOn: 'button',
                  buttonImage: '/Content/images/icon-calendar.gif',
                  buttonImageOnly: true
              }, $.datepicker.regional['en-GB']);
  </code></pre>
  
  <p>How do I add a custom class to the datepicker div?</p>
  
  <pre><code>&lt;div class="ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all ui-helper-hidden-accessible MY_CLASS_GOES_HERE" id="ui-datepicker-div" style="position: absolute; top: 154px; left: 499px; z-index: 1; display: none;"&gt;
  </code></pre>
  
  <p>I know I can write:</p>
  
  <p><code>$("#ui-datepicker-div).addClass("MY_CLASS_GOES_HERE")</code> </p>
  
  <p>..but can I rely on the datepicker always having an ID of "ui-datepicker-div"?? Is their a more elegant way of doing this?</p>
  
  <p>Thanks in advance.</p>