title: how to get the time from bootstrap formhelper timepicker
body: <p>I put in a bootstrap formhelper timepicker inside my webapp
  however, I am having hardtime getting the time value from it</p>
  
  <p>how to get the timevalue from bootstrap timepicker?</p>
  
  <p>just doing <code>data.time=$("#fromTimeText").val();</code>
  doesnt seem to work</p>
  
  <p><a href="http://vincentlamanna.com/BootstrapFormHelpers/timepicker.html" rel="nofollow">http://vincentlamanna.com/BootstrapFormHelpers/timepicker.html</a></p>
  
  <pre><code>&lt;div class="ltrClass bfh-timepicker" id="fromTimeText" style="text-align:center;"&gt;
  &lt;div class="bfh-timepicker-toggle rtlClass " id="pickupTime" data-toggle="bfh-timepicker"&gt;
  &lt;label for ="fromTimeText"&gt;&lt;/label&gt;
  &lt;input type="text" id="fromTimeText" class="centralize" readonly&gt;
  &lt;i class="icon-time"&gt;&lt;/i&gt;
  &lt;/div&gt;
  &lt;div class="bfh-timepicker-popover" &gt;
  &lt;table class="table"&gt;
  &lt;tbody&gt;
  &lt;tr&gt;&lt;td class="hour"&gt;&lt;a class="next" href="#"&gt;&lt;i class="icon-chevron-up"&gt;&lt;/i&gt;&lt;/a&gt;&lt;br&gt;
  &lt;input type="text"  class="input-mini" readonly&gt;&lt;br&gt;
  &lt;a class="previous" href="#"&gt;&lt;i class="icon-chevron-down"&gt;&lt;/i&gt;&lt;/a&gt;&lt;/td&gt;
  &lt;td class="separator"&gt;:&lt;/td&gt;
  &lt;td class="minute"&gt;
  &lt;a class="next" href="#"&gt;&lt;i class="icon-chevron-up"&gt;&lt;/i&gt;&lt;/a&gt;&lt;br&gt;
  &lt;input type="text" class="input-mini" readonly&gt;&lt;br&gt;
  &lt;a class="previous" href="#"&gt;&lt;i class="icon-chevron-down"&gt;&lt;/i&gt;&lt;/a&gt;
  &lt;/td&gt;
  &lt;/tr&gt;
  &lt;/tbody&gt;
  &lt;/table&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>