title: bootstrap tags-input[JS] - can't set (or show) multiple data in suggestion list from dataset
body: <p>I create bootstrap tags input with typehead.js but I can't show more than 1 result to dropdown list(suggestion). This is my code to process:</p>
  
  <p>JS:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>var tag = new Bloodhound({
      datumTokenizer: Bloodhound.tokenizers.obj.whitespace('name'),
      queryTokenizer: Bloodhound.tokenizers.whitespace,
      remote: {
          url: 'http://blog.dev/admin/manager/911/fetch-tags'
      }
  });
  tag.initialize();
  
  var elt = $("#tags");
  elt.tagsinput({
      typeaheadjs: {
          name: 'tag_name',
          displayKey: 'tag_name',
          valueKey: 'tag_name',
          source: tag.ttAdapter(),
          templates: {
              empty: [
                  '&lt;div class="list-group search-results-dropdown"&gt;&lt;div class="list-group-item"&gt;Nothing found.&lt;/div&gt;&lt;/div&gt;'
              ],
              header: [
                  '&lt;div class="list-group search-results-dropdown"&gt;&lt;/div&gt;'
              ],
              suggestion: function (data) {
                  console.log(data);
                      return '&lt;a href="javascrtipt:void(0)" class="list-group-item"&gt;' + data[1].tag_name  + '&lt;/a&gt;';
              }
          }
      }
  });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="example example_typeahead"&gt;
        &lt;input type="text" id="tags" value="Amsterdam,Washington" data-role="tagsinput"&gt;
        &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Result of remote url return this json format:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>{
      "name":
      [{"id": 1, "tag_name": "cat"},
      {"id": 2, "tag_name": "dog"},
      {"id": 3, "tag_name": "cow"}]
  }</code></pre>
  </div>
  </div>
  </p>
  
  <p>and this object return by console.log(data)</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>[Object, Object, Object, Object, Object]
  0:Object
  id:1
  tag_name:"cat"
  __proto__:Object 
  1:Object
  id:2
  tag_name:"dog"
  __proto__:Object
  .......</code></pre>
  </div>
  </div>
  </p>
  
  <p>and it only show the first result in suggestion list. I want to it
  show all the result but I can't.</p>