title: jQuery datepicker - Why is theme styling not showing?
body: <p>I've used jQuery to make a datepicker like so:</p>
  
  <pre><code>&lt;input type="text" id="my_datepicker"&gt;
  </code></pre>
  
  <p>and</p>
  
  <pre><code>$('#my_datepicker').datepicker();
  </code></pre>
  
  <p>The datepicker is working fine and I have used this several times before. The issue is that the input element still looks like a normal text field, whereas when I have used this in the past, it has used jQuery UI classes to style the field so that it looks glossy and in keeping with the theme.</p>
  
  <p>I have used firebug to see which clesses have been applied to the input element, and it only has:</p>
  
  <pre><code>hasDatepicker
  </code></pre>
  
  <p>whereas a the input field of a datepicker on another site that is styled correctly has all of the following classes:</p>
  
  <pre><code>hasDatepicker
  ui-inputfield
  ui-widget 
  ui-state-default
  ui-corner-all
  </code></pre>
  
  <p>I've looked at the datepicker docs, but I can't see an option that lets you opt in or out of this styling and I would have thought that this happen by default anyway.</p>
  
  <p>Can anyone show me what I need to do to enable this?</p>
  
  <p>Many thanks.</p>
  
  <p><strong>Update</strong>:</p>
  
  <pre><code>&lt;input id="dob" type="text" maxlength="45" size="45" /&gt;
  </code></pre>
  
  <p>This is the input markup from the live site as requested.</p>