Problem with Auto complete UI it does not auto hide!

Problem with Auto complete UI it does not auto hide!

Hi Guys 
so i set up the auto complete UI on my site but i am having a bit of an issue. when the begining of the string is found then it display results no problem. But if you contuniue typing and no results found it does not close the auto complete menu.

for example 
Mike Jones << is a record in the database.

if I type Mik "Mike Jones" come up which is cool.
but if I type MikZ "Mike Jones also comes up which it should come up until I type the last letter "Z" then it should hide the results.

in my query i am doing something like this WHERE name LIKE $term


here is my jQuery code
I will appreciate your help :)




  1. $(function() {

  3. $( "#fullName" ).autocomplete({
  4. source: function( request, response ) {
  5. $.ajax({
  6. url: "auto.php",
  7. dataType: "json",
  8. data: {
  9. search_term: request.term
  10. },
  11. success: function( data ) {
  12. response( $.map( data, function( item ) {
  13. return {
  14. label: item.name,
  15. name: item.name,
  16. year: item.year,
  17. address: item.address,
  18. id: item.ID,
  19. dID: item.dID,
  20. issue: item.idIssue,
  21. idexp: item.idExp,
  22. phone: item.phone,
  23. cusID: item.cusID
  24. }
  25. }));
  26. }
  27. });
  28. },
  29. minLength: 2,
  30. select: function (event, ui) {


  33. $('#customerID').val(ui.item.cusID);
  34. $('#ID').val(ui.item.id);
  35. $('#dID').val(ui.item.dID);
  36. $('#IDissue').val(ui.item.issue);
  37. $('#IDexp').val(ui.item.idexp);
  38. $('#birthYear').val(ui.item.year);
  39. $('#phoneNum').val(ui.item.phone);
  40. $('#homeAddress').val(ui.item.address);

  43. },
  44. open: function() {
  45. $( this ).removeClass( "ui-corner-all" ).addClass( "ui-corner-top" );
  46. },
  47. close: function() {
  48. $( this ).removeClass( "ui-corner-top" ).addClass( "ui-corner-all" );
  49. }
  50. });
  51. });