title: Apply different CSS to different jQuery datepickers
body: <p>I have several datepickers tied to input fields. They are created in the usual way:</p>
  
  <pre><code>$('#input1').datepicker(options1);
  $('#input2').datepicker(options2);
  </code></pre>
  
  <p>Now I want to style them differently for each field. But when inspecting the page in Firefox, I see that each datepicker is a <code>div</code> with the same <code>id</code>: <code>ui-datepicker-div</code>! And they aren't descendants or siblings of input fields, so I don't see a way to use the inputs' <code>id</code>s in CSS selectors.</p>