title: Why is Bootstrap typeahead not working for input elements with same ID?
body: <p>My HTML structure is like this :</p>
  
  <pre><code>&lt;div class="controls"&gt;
  &lt;input id="car" class="span3" type="text"  placeholder="B.E" autocomplete="off" value="" name="car[]"&gt;
  &lt;/div&gt;
  
  &lt;div class="controls"&gt;
  &lt;input id="car" class="span3" type="text"  placeholder="B.E" autocomplete="off" value="" name="car[]"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>My javascript is given below:</p>
  
  <pre><code>car = getcar();
  $("#car").click(function() {
  $('#car').typeahead({
      source: car,
      items: 10
  });
  });
  </code></pre>
  
  <p><code>getcar()</code> is function which is getting source data using <code>ajax</code></p>
  
  <p>It is showing typeahead for only first <code>input</code> element not for second <code>input</code> element</p>
  
  <p>What should i do now?</p>