title: bootstrap type ahead not working
body: <pre><code>    &lt;script type="text/javascript"&gt;
  $(document).ready(function(){
          $('input').typeahead({
              name: 'accounts',
              local: []//here my data
  
          });
      });  
  &lt;/script&gt;
  
  
  
  &lt;title&gt;Search Service&lt;/title&gt;
  &lt;/head&gt;
  &lt;body style="background-color: black; color: white;"&gt;
  
      &lt;div class="container"&gt;
          &lt;div class="col-lg-12" style="height: 100px;"&gt;&amp;nbsp;&lt;/div&gt;
  
          &lt;div class="col-lg-12"&gt;
              &lt;div class="col-lg-2"&gt;&lt;/div&gt;
              &lt;div class="col-lg-8"&gt;
                  &lt;section class="webdesigntuts-workshop"&gt;
                      &lt;form action="" method=""&gt;          
                          &lt;input type="search" placeholder="Search..."&gt;
                          &lt;input type="text" id="service" placeholder="Services" autocomplete="off"&gt;              
                          &lt;button&gt;Search&lt;/button&gt;
                      &lt;/form&gt;
                  &lt;/section&gt;      
              &lt;/div&gt;
              &lt;div class="col-lg-2"&gt;&lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>This is my simple example code. I have added bootstrap.min.js and typeahead.js for script loading. They both are loaded properly in browser. but bootstrap type ahead is not working.</p>