title: jQuery UI autocomplete shows value instead of label in the input field
body: <p>A potentially simple issue with jQuery UI autocomplete is stumping me. My source is</p>
  
  <pre><code>var ac = [
      {
          label: "One Thing",
          value: "One-Thing"
      },
      {
          label: "Two Thing",
          value: "Two-Thing"
      },      
  ]
  </code></pre>
  
  <p>I am invoking the widget with</p>
  
  <pre><code>$(function() {
      $( "#search" ).autocomplete({
          source: PK.getAutocompleteSource(),
          focus: function( event, ui ) {
              $("#search").val(ui.item.label);
              return false;  
          },
          select: function( event, ui ) {
              $("#search").val(ui.item.label);
              PK.render(ui.item.value);
          }
      });
  });
  </code></pre>
  
  <p>All works fine. When I type in the <code>#search</code> input field, the matching label shows up in the dropdown, and when I <code>select</code> the correct search is performed. The widget even shows the <code>label</code> in the <code>#search</code> input field as I select different items in the dropdown using the arrow keys (or the mouse). Except, soon as I hit enter, the widget fills the <code>#search</code> input field with the <code>value</code> instead of the <code>label</code>. So the field shows <strong>One-Thing</strong> instead of <strong>One Thing</strong>.</p>
  
  <p>How can I correct this? Surely what I am expecting is the more reasonable behavior, no?</p>