title: How to add suggestions from a list of words in a bootstrap search box
body: <p>I have used a search box in my code.</p>
  
  <pre><code> &lt;form action="/search" method="post" role="form"&gt;
   &lt;div id="custom-search-input" style="height:41px"&gt;
   &lt;div class="input-group col-md-12" style="height:10px"&gt;
   &lt;input id="search" name="search" type="text" class="form-control input-lg"  
                   placeholder="Search"  style="font-size:14px;height:30px"/&gt;
   &lt;span class="input-group-btn"&gt;
       &lt;button class="btn btn-info btn-lg" type="submit"&gt;
     &lt;i class="glyphicon glyphicon-search" style="text-decoration:none"&gt;&lt;/i&gt;
          &lt;/button&gt;
           &lt;/span&gt;
           &lt;/div&gt;
    &lt;div&gt;&lt;label id="noresult"&gt;&lt;i&gt;No results found&lt;/i&gt;&lt;/label&gt;
    &lt;/div&gt;
     &lt;/div&gt;
     &lt;/form&gt;
  </code></pre>
  
  <p>Now i want to add auto suggestions to this search box like if you write "a" it starts showing everything starting with "a" just like google.Those suggestions can be loaded from a list which contains every possible result that can be searched.</p>
  
  <p>Please help me about how to add this feature.</p>