title: JQuery UI datepicker not showing from input field, but only from around it
body: <p>I have an input field to which I added a datepicker.
  For some reason, when I click the input field the datepicker won't open, but if I click around it, the datepicker opens and fills in the data in the field.</p>
  
  <p>This is the HTML:</p>
  
  <pre><code>&lt;div class="row"&gt;
    &lt;label for="video_due_date"&gt;Birthday Date&lt;/label&gt;
    &lt;div class="text"&gt;
      &lt;input id="video_due_date" name="video[due_date]" size="30" type="text" value="2011-12-24 13:51:58 UTC" /&gt;                                                      
    &lt;/div&gt;                                
  &lt;/div&gt;
  </code></pre>
  
  <p>This is the CSS:</p>
  
  <pre><code>.sign-form .row .text,
  .sign-form .place-holder{
      float:left;
      background:url(../images-2/sprite-form.gif) no-repeat 0 -44px;
      position:relative;
      height:38px;
  }
  </code></pre>
  
  <p>And this is the code of the JS:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  $(document).ready(function() {
    $('#video_due_date').datepicker({minDate: 0,
                                     dateFormat: 'yy-mm-dd     00:00:00'
                                    });
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>Have you got any idea what could cause this problem, and what should I change in order to have the datepicker open from within the field and not from the area around it?</p>
  
  <p>Thanks,
  Keren</p>