title: Typeahead.js not working in Knockout 3 foreach binding
body: <p>I updated a web app to Bootstrap 3 and Knockout 3 and consequently lost the built in typeahead that was in Bootstrap 2.  I added typeahead.js and it works great unless I have a typeahead within a Knockout 'foreach' binding.  I included code that works and fails below along with the Javascript code for the typeahead and Bootstrap binding.  Any ideas?</p>
  
  <pre><code>&lt;form role="form"&gt;
      &lt;div class="row"&gt;
          &lt;div class="col-sm-4 form-group"&gt;
              &lt;input type="text" class="form-control sectionNames" data-bind="value: name" /&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div data-bind="foreach: section"&gt;
          &lt;div class="row"&gt;
              &lt;div class="col-sm-4 form-group"&gt;
                  &lt;input type="text" class="form-control sectionNames" data-bind="value: name" /&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>Javascript for typeahead.js and Knockout bindings</p>
  
  <pre><code>&lt;script&gt;
      $( document ).ready(function() {
          $('input.sections').typeahead({
              name: 'sectionName',
              local: [
                  'ABC',
                  'DEF'
              ]
          });
  
          ko.applyBindings({
              section : [
                  { name: "", other: "1234" },
                  { name: "", other: "5678" }
              ]
          });
      });
  &lt;/script&gt;
  </code></pre>