title: jQuery Autocomplete select: function not working
body: <p>This seems so simple, yet I cannot seem to get it to work:</p>
  
  <pre><code>var options, a;
  jQuery(function(){
    options = { 
    serviceUrl:'ajax/parts_by_partno.php', 
    select: function(event, ui) { 
      $("#hiddenId").val(ui.item.id); 
      }
    };
    a = $('#fieldWithData').autocomplete(options);
  });
  </code></pre>
  
  <p>Once the item is selected from the auto complete list, I want #hiddenId to change its value to the ID of the item selected:</p>
  
  <pre><code>$("#hiddenId").val(ui.item.id); 
  </code></pre>
  
  <p>I've even tried to just change #hiddenId to something static like this:</p>
  
  <pre><code>$("#hiddenId").val('test'); 
  </code></pre>
  
  <p>Nothing changed.  What am I doing wrong?</p>