Autocomplete and change event

Autocomplete and change event

I'm having an issue where the change event only seems to fire when the length of my input is greater than 0 and less than minLength.

Here's my code:

  1.     <script type="text/javascript" src="http://jqueryui.com/latest/jquery-1.4.2.js"></script>
  2.     <script type="text/javascript" src="http://jquery-ui.googlecode.com/svn/tags/1.8rc1/jquery-1.4.1.js"></script>
  3.     <script type="text/javascript" src="http://jquery-ui.googlecode.com/svn/tags/1.8rc1/ui/jquery-ui.js"></script>
  4.       <script language="JavaScript" type="text/javascript">
  5.         $(document).ready(function() {
  6.             $("#playerSearch").autocomplete({
  7.                 change: function(event, ui) {
  8.                     alert("*");
  9.                 },
  10.                 source: function(request, response) {
  11.                     $.ajax({
  12.                         url: '<%=ResolveUrl("~/Player/Search")%>',
  13.                         dataType: "html",
  14.                         data: {
  15.                             query: request.term
  16.                         },
  17.                         success: function(data) {
  18.                             $('#playerResults').html(data);
  19.                         },
  20.                         error: function() { alert('error'); }
  21.                     })
  22.                 },
  23.                 minLength: 2
  24.             });

  25.         });
  26.     </script>


  1.     <div>
  2.         <input type="text" id="playerSearch" style="width: 75px; margin-left: 10px; margin-top: -10px;" />
  3.         <div id="playerResults"></div>
  4.     </div>

Any thoughts? Again, I only get the * alert when the input text changes to 1 character in length.