Autocomplete doesn't work in copy event (on-change)

Autocomplete doesn't work in copy event (on-change)

Hi,

I use jQuery Autocomplete plugin.
http://docs.jquery.com/Plugins/Autocomplete

I use it for an employee list. Once an
employee is selected from the list,
a hidden field is set with that employee's
ID.

But if I copied and pasted an employee
or manually type employee name (without
selecting from the list), the hidden field
is not set.

Following is my code. "txtEmpName" is
the text field Autocomplete is set and
"hdnEmpId" is the hidden field.

Is there any improvement I can make
to make it work in 'on-change' of
"txtEmpName".

Thanks.

  1. var empdata =  [{name:'David Palmer',id:'1'},{name:'Jack Bauer',id:'2'}];
  2. $("#txtEmpName").autocomplete(empdata, {
  3.     formatItem: function(item) {
  4.         return item.name;
  5.     }, matchContains:"word"
  6. }).result(function(event, item) {
  7.       $('#hdnEmpId').val(item.id);
  8. });