title: Have typeahead.js output into multiple text boxes
body: <p>I'm working on an internal web form for my company I was trying to use typehead.js to load a name from a local array. I was able to do this without a problem, however the second part of the task is to place that employee's ID in a second text box when the employee name is selected on the first one. I haven't been able to successfully output the value into the text box. Does anyone know how this can be accomplished?</p>
  
  <p>I can't share the actual code since it's part of an internal application, but basically it looks like your basic typehead.js form.</p>
  
  <pre><code>&lt;form&gt;
       &lt;input type="text" class="typeahead" id="employee_name"/&gt;
       &lt;input type="text" class="typeahead" id="employee_id"/&gt;
  &lt;/form&gt;
  &lt;script&gt;
      employees.initialize(); //initialize the employee search
  
  // instantiate the typeahead UI
  $('#employee_name.typeahead').typeahead({
      highlight: true
  },
  {
      name: 'name',
      displayKey: 'name',
      source: employees.ttAdapter()
  });
  
      var employees = new Bloodhound({ //List of employees
      datumTokenizer: function(d) { return Bloodhound.tokenizers.whitespace(d.name);     },
      queryTokenizer: Bloodhound.tokenizers.whitespace,
      local: [
      { name: 'Employee 1', id: '12345' },
      { name: 'Employee 2', id: '54321' }
      ]
      });
  &lt;/script&gt;
  </code></pre>