jQquery UI Autocomplete

jQquery UI Autocomplete

Hi guys!

I've used jquery-ui-1.8.20's autocomplete and it used to work fine. 
Then, I changed it to jquery-ui-1.9.1, and it failed.
I'm using not only autocomplete of jquery-ui-1.9.1, but other features too, like dialog, so I don't want to have 2 versions of jquery-ui in my project.


Here is my code:
  1.  $("#searchBox").ready(function () {

  3.         $('input[id$="txtPredictiveSearchBox"]').autocomplete({
  4.             minLength: 1,
  5.             delay: 200,
  6.             autoFocus: true,
  7.             highlight: true,

  9.             source: function (request, response) {
  10.                 var typeOfSearch = $(this.element.context).parent().parent().find('input:checked').val()
  11.                     == "GetStockSearchSuggestions" ? 0 : 1;
  12.                 var data = { searchText: request.term, count: 5, contextKey: typeOfSearch };
  13.                 $.ajax({
  14.                     type: "POST",
  15.                     url: "/srv/AutoSuggest.aspx/GetSuggestions",
  16.                     contentType: "application/json; charset=utf-8",
  17.                     dataType: "json",
  18.                     data: JSON.stringify(data),
  19.                     delay: 200,
  20.                     processdata: true,
  21.                     success: function (data) {
  22.                         response(data.d);
  23.                     },
  24.                     error: function (er) {
  25.                         response("An error occur tryig load autocomplete data. See the console for mor info.");
  26.                         console.log(er.responseText);
  27.                     }
  28.                 });
  29.             },
  30.             select: function (event, ui) {
  31.                 window.location.assign(ui.item.href);
  32.             },
  33.             open: function (event, ui) {
  34.                 $(this).autocomplete("widget")
  35.                 .find("ui-menu-item-alternate")
  36.                 .removeClass("ui-menu-item-alternate")
  37.                 .end()
  38.                 .find("li.ui-menu-item:odd a")
  39.                 .addClass("ui-menu-item-alternate");
  40.             },

  42.             focus: function (event, ui) { },

  44.             close: function () { }
  45.         });

  47.     });
Where  /srv/AutoSuggest.aspx/GetSuggestions is a WebMethod that returns an array of SearchItem:


  1.  public struct SearchItem
  2.         {
  3.             public string value;
  4.             public string text;
  5.             public string href;
  6.         }
On debug mode  I can see expected result in  success  function's data.d prop, but
  1.  response(data.d);
generate nothing (doesn't show any data. ).

This code used to work with  jquery-ui-1.8.20. I haven't change anything in this code. I've changed only a version of  jquery-ui.

Any ideas?

Thanks in advance!

Gev