title: Uncaught TypeError: Cannot read property 'left' of undefined
body: <p>I can't seem to show a datepicker from jQuery UI on a <strong>hidden field</strong> as I get this error:</p>
  
  <pre><code>Uncaught TypeError: Cannot read property 'left' of undefined
  </code></pre>
  
  <p>When I use a regular text field, I don't seem to have a problem. I get this error with both <code>jQuery UI 1.9.0</code> and <code>1.9.2</code>, the version of <code>jQuery is 1.8.3</code></p>
  
  <p>html</p>
  
  <pre><code>&lt;table&gt;
      &lt;tr&gt;
          &lt;td&gt; 
              &lt;small class="date_target"&gt;until &lt;span&gt;Dec. 31, 2013&lt;/span&gt;&lt;/small&gt;
              &lt;input type="hidden" class="end_date" /&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>JS</p>
  
  <pre><code>$(".end_date").datepicker({
      dateFormat: 'yyyy-mm-yy',
      yearRange: '-00:+01'
  });
  
  $('.date_target').click(function () {
      $(this).next().datepicker('show');
  });
  </code></pre>
  
  <p>I provided a (not) working example on this <a href="http://jsfiddle.net/jghyllebert/arht8/" rel="nofollow noreferrer">jsfiddle</a> too</p>