how to get values from bootstrap timepicker?
<p>I'm trying to get the value of the <code>bootstrap time-picker</code> on my <code>input</code> tag.  Once i get that value, the value goes to the database, after form is submitted.  </p>

<pre><code>&lt;div class="form-group"&gt;
  &lt;label class="control-label" &gt;Start Session Time:&lt;/label&gt;
  &lt;div class=" date show-timer input-width input-group" id="datetimepicker1" &gt;
      &lt;input placeholder="HH:MM PM" name="start_session_time"  id="timepicker1" type="text" style="height:30px; font-size:14px" class="form-control input-sm" value=""&gt;
        &lt;span class="input-group-addon"&gt;&lt;i class="glyphicon glyphicon-time"&gt;&lt;/i&gt;&lt;/span&gt;
   &lt;/div&gt;       
&lt;/div&gt;
</code></pre>

<pre class="lang-js prettyprint-override"><code>$('.show-timer').click(function () {    
    var id = this.id;

    $('#' + id).datetimepicker({
        format: 'LT'
    });

    var time = $("#" + id).find("input").val();
});
</code></pre>

<p>NOTE: <code>id="timepicker1"</code> is not the only <code>input</code> id.  In other words, I have up to 10 ids. Also, so far, I can <code>alert(time)</code> and it does <code>alert</code> the value, but it doesn't add the value to the <code>input</code></p>

<p>Thanks,</p>