title: How to get id and value from twitter bootstrap and bloodhound suggestion?
body: <p>How to get both id and value from typeahead.js when selecting a suggestion?</p>
  
  <p>I have a json as follows:</p>
  
  <pre><code>[
      {id:1, name:'paul'}, 
      {id:2, name:'jim'}, 
      {id:3, name:'tom'}, 
      {id:4, name:'medor'}, 
      {id:5, name:'janzy'}
  ]
  </code></pre>
  
  <p>and i created Bloodhound object as follows:</p>
  
  <pre><code>var bh = new Bloodhound({
      datumTokenizer: Bloodhound.tokenizers.obj.whitespace('name'),
      queryTokenizer: Bloodhound.tokenizers.whitespace,
      prefetch: '//localhost/data/names.json',
      identify: function(datum){
          return datum.id;    
      }
  });
  </code></pre>
  
  <p>and i instantiated typeahead as follows:</p>
  
  <pre><code>$('#name').typeahead({"highlight":true}, {
      "name":"name",
      "source":bh,
      "display":"value",
      "limit":10
  })
  </code></pre>
  
  <p>I want to be able to get the <code>id</code> when i submit my form. When i submit the following example, i obtain only the <code>name</code> attribute.</p>
  
  <p>i tried to obtain the id via javascript as follows:</p>
  
  <pre><code>$('#name').bind('typeahead:select', function(ev, suggestion){
      console.log(suggestion);
  })
  </code></pre>
  
  <p>but <code>suggestion</code> contains an object with only text value which i selected</p>