title: How to add a custom class to my JQuery UI Datepicker
body: <p>I have several inputs which trigger JQuery UI datepickers e.g.</p>
  
  <pre><code>&lt;input id="one" type="text"/&gt;
  &lt;input id="two" type="text"/&gt;
  &lt;input id="three" type="text"/&gt;
  &lt;input id="four" type="text"/&gt;
  </code></pre>
  
  <p>For each jquery UI datepicker created, I want to assign a custom class based on the ID of the input which triggered it i.e. <code>.one</code>, <code>.two</code>, <code>.three</code></p>
  
  <p>So if the datepicker is triggered by the first input the resulting HTML will look like:</p>
  
  <pre><code>  &lt;div class="one ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all" id="ui-datepicker-div"&gt;
  </code></pre>
  
  <p>Note the first class <code>one</code></p>
  
  <p>Is this possible? The '<code>create</code>' method of the datepicker does not seem to work for me...</p>