title: Twitter Bootstrap Typeahead - Id & Label
body: <p>I'm using Bootstrap 2.1.1 and jQuery 1.8.1 and trying to use Typeahead's functionality.</p>
  
  <p>I try to display a <strong>label</strong> and use an <strong>id</strong> like a standard <code>&lt;select /&gt;</code></p>
  
  <p>Here is my typeahead initialization:</p>
  
  <pre><code>$(':input.autocomplete').typeahead({
      source: function (query, process) {
          $('#autocompleteForm .query').val(query);
          return $.get(
              $('#autocompleteForm').attr('action')
            , $('#autocompleteForm').serialize()
            , function (data) {
                return process(data);
            }
          );
      }
  });
  </code></pre>
  
  <p>Here is the kind of JSON that I'm sending</p>
  
  <pre><code>[{"id":1,"label":"machin"},{"id":2,"label":"truc"}]
  </code></pre>
  
  <p>How can I tell <code>process()</code> to display my labels and store the selected ID in another hidden field?</p>