title: bootstrap typeahead return name and id
body: <p>Hy! I'm using twitter bootstraps typeahead:</p>
  
  <p>I'm calling a page that returns a response with json_encode
  the page returns a name and an ID,</p>
  
  <p>I want that the typeahead list will show me the list of names,
  and when I select one of the name
  to write the id value to a hidden field.</p>
  
  <p>the calling works fine, and to write a field should be easy. 
  what i dont know what to do is how to divide the name from the id.</p>
  
  <p>now, when i search something, in the suggesstion list I can see the returning results like this:</p>
  
  <p>name1:id1
  name2:id2</p>
  
  <p>i only want to see names but to carry the value of id too.</p>
  
  <p>how can i do that?</p>
  
  <pre><code> $(function(){
      $("#typeahead_&lt;? print $key; ?&gt;").typeahead(
          {
          source: function(query, process)
                      {
                      $.ajax({
                          url:    '/getAjaxProducts',
                          type:   'POST',
                          data:   'query=' + query,
                          dataType: 'JSON',
                          async: true,
                          success: function(data)
                                  {
                                  process(data);
                                  }
                              });                 
                      }
          });
  });
  </code></pre>