title: Datepicker and TimePicker in a form, datepicker works fine but timePicker doesn't drop down in field
body: <p>First of all, I'm a novice at this stuff so excuse my "ignorance."</p>
  
  <p>I am creating a form in order for customers to schedule a test drive on a vehicle they are interested in purchasing.  I have found jquery code which I've included in the head section as follows:</p>
  
  <pre><code>$(function() {
    $( "#datepicker" ).datepicker({ autoSize: true });
    $("#time1").timePicker();
    // 09.00 AM - 03.30 PM, 15 minutes steps.
    $("#time2").timePicker({
      startTime: "09.00",  // Using string. Can take string or Date object.
      endTime: new Date(0, 0, 0, 15, 30, 0),  // Using Date object.
      show24Hours: false,
      separator:'.',
      step: 15
    });
  });  
  </code></pre>
  
  <p>In the form, I have added the following:</p>
  
  <pre><code>&lt;b&gt;Pick a Date and Time&lt;/b&gt;&lt;br&gt;
  &lt;span class="auto-style7"&gt;Date: &lt;/span&gt;
  &lt;input type="text" id="datepicker" name="testdrivedate" style="width: 91px" /&gt;&lt;br&gt;
  &lt;span class="auto-style7"&gt;Time: &lt;/span&gt;
  &lt;input type="text" id="time2" name="testdrivetime" size="10" value="09.00 AM" style="width: 87px"/&gt;&lt;br&gt;
  </code></pre>
  
  <p>The datepicker works well, when the user clicks in the field, the calendar shows up just below the field and when a date is selected, the field is populated with the date selected.</p>
  
  <p>However, the timepicker field does not work.  09:00 AM appears in the form, but when the user clicks in the field, no drop down appears in order to allow for selection of a different time.</p>
  
  <p>Where have I gone wrong?</p>
  
  <p>Thanks for any assistance.</p>
  
  <p>Anna</p>