title: jQuery timepicker 'Object does not support this property or method'
body: <p>I've been looking for a timepicker and finally found this one, <a href="http://trentrichardson.com/examples/timepicker/" rel="nofollow">timepicker</a>, the problem is I can't get it to do anything..</p>
  
  <p>here's my page:</p>
  
  <pre><code>&lt;head runat="server"&gt;
  &lt;title&gt;VTC Request Form&lt;/title&gt;
  &lt;script type="text/javascript" src="Jquery/jquery-1.7.1.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="Jquery/jquery-ui-1.8.17.custom.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="Jquery/jquery.ui.core.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="Jquery/jquery.ui.datepicker.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="Jquery/datetimepicker_css.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="Jquery/jquery-ui-timepicker-addon.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="Jquery/jquery.ui.widget.js"&gt;&lt;/script&gt;
  &lt;link rel="Stylesheet" href="Css/jquery-ui-1.8.17.custom.css"type="text/css" /&gt;
  </code></pre>
  
  <p>
  </p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
          $(document).ready(function(){
  
            $("#datepicker").datepicker({});
            $('#StartTimeTextBox').timepicker({});
         });  
  &lt;/script&gt;
  
  &lt;form id="form1" runat="server"&gt;
  &lt;div&gt;
  &lt;label&gt;Date:&lt;/label&gt;&lt;input type="text" id="datepicker" /&gt;
      &lt;/div&gt;
      &lt;div&gt;&lt;label&gt;Start Time:&lt;/label&gt;
  &lt;input type="text" id="StartTimeTextBox" name="StartTimeTextBox" value=""/&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>the datepicker works fine, but the timepicker errors out- 'object doesn't support this method or property'</p>