title: Multiple dynamic instances of bootstrap-timepicker
body: <p>I am using the bootstrap-timepicker for rails and I am using it in a form helper. It works very well if there is only one instance of it. Here is a code fragment:</p>
  
  <pre><code>&lt;div class="bootstrap-timepicker input-append span2 offset0"&gt;
    &lt;%= f.label :to_hour %&gt;
    &lt;input id="timepicker1" type="text" class="input-small" value='12:15 PM'&gt;
    &lt;span class="add-on"&gt;&lt;i class="icon-time"&gt;&lt;/i&gt;&lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>However it doesn't work when there are multiple instances of it in a single page. Essentially I have multiple dynamic rows of data that require a time picker each and the examples that I have found were simple and had a unique input id and corresponding javascript.</p>
  
  <p>Does anyone know how I can make this dynamic or know of any examples that demonstrates this?</p>