title: Make jQuery datepicker pop upwards
body: <p>My jQuery UI datepickers pop downwards and this makes them disappear across the bottom of the screen sometimes. I'd like to make them pop upwards instead. </p>
  
  <p>I came across this solution
  <a href="http://www.kelvinluck.com/assets/jquery/datePicker/v2/demo/datePickerPosition.html" rel="nofollow">http://www.kelvinluck.com/assets/jquery/datePicker/v2/demo/datePickerPosition.html</a> 
  and so I've added in this code at the very end after all my other JS has been loaded but I'm getting an Uncaught TypeError: Object [object Object] has no method 'datePicker'.</p>
  
  <p>Any idea what's wrong, or is there another way?</p>
  
  <pre><code>&lt;!--Make the datepicker pop upwards--&gt;
  &lt;script type="text/javascript"&gt;
  
  $(function()
  {
      $('.date-pick')
              .datepicker({createButton:false})
              .bind('click',
                      function()
                      {
                              $(this).dpDisplay();
                              this.blur();
                              return false;
                      }
              );
      $('#bl').dpSetPosition($.dpConst.POS_BOTTOM, $.dpConst.POS_LEFT);
  });
  &lt;/script&gt;
  </code></pre>