title: Drop Down(typeahead.js) with Bootstrap tags doesn't work?
body: <p>i need to use typeahead.js with bootstrap.taginput,
  for product input field.</p>
  
  <pre><code>$('.product').tagsinput({
    typeahead: {
       source: function (query, process) {
          return $.getJSON(
              '&lt;?php echo site_url("ajax/get_products"); ?&gt;',
              { query: query },
              function (data) {
                  return process(newData);
              });
          alert(newData);
      }
    }
  });
  </code></pre>
  
  <blockquote>
    <p>This is my return data format.</p>
  </blockquote>
  
  <pre><code>{
  "1":{"id":"1","value":"Banana"},
  "2":{"id":"2","value":"Dell Laptop"},
  "3":{"id":"3","value":"Rent A car Management System"}
  }
  </code></pre>
  
  <p>no luck ,neither drop down appears nor inputTags works.</p>
  
  <blockquote>
    <p>files i added in the following order,</p>
  </blockquote>
  
  <p>bootstrap-tagsinput.css<br/>
  typeahead.jquery.js<br />
  bootstrap-tagsinput.min.js<br/></p>
  
  <p>Should i need extra css or js files to include or do i have any other issue like  data format etc.</p>