форматирование объекта json, возвращенного из автозаполнения jQuery

Question

Я использую этот плагин автозаполнения jQuery .

Я хочу, чтобы мои возвращаемые данные были в формате json.

searchPopup:function(){
     $("input.searchField").autocomplete("myjson1.json", {
      dataType: 'json',
      parse: function(data) {
        $.each(data.productList, function(k, v) {
        jQuery(".searchPanel").append("<div class="+k+"><h2>"+k+"</h2><ul class="+k+"></ul</div>");
         $.each(v, function(k1, v1) {
          $.each(v1, function(k2, v2) { 
           jQuery("ul."+k).append("<li>"+v2+"</li>");
          });
         });
       });
      },
      max: 50
     }); 

   }

Когда я анализирую эти данные, выдается ошибка

c.split не является функцией

Как это можно исправить?

{ 
"productList" : { 
    "Byproducts" : [ 
    {
     "brand":"Bosch",
     "productname":"Jigsaw blade",
     "price":50
    },
    {
     "brand":"Bosch1",
     "productname":"Jigsaw blade",
     "price":51
    },
    {
     "brand":"Bosch2",
     "productname":"Jigsaw blade",
     "price":52
    },
    {
     "brand":"Bosch3",
     "productname":"Jigsaw blade",
     "price":53
    }
     ],
    "Spareparts" : [ 
    {
     "brand":"BoschS1",
     "productname":"Jigsaw blade",
     "price":50
    }
   ],
    "Bybrand" : [ 
    {
     "brand":"BoschBY"
    }      
   ],
    "Bycategory" : [{
     "brand":"BoschBYc",
     "productname":"Jigsaw blade",
     "price":50
    } ]
 }
}

Answer 1

Я предпочитаю по-другому что-то вроде (используя плагин jQueryUI):

  $('input.searchField').autocomplete({
        source: function (request, response) {
            $.ajax({
                type: "POST",
                url: "myjson1.json",
                contentType: "application/json; charset=utf-8",
                dataType: "json"
                success: function (data) {
                    response(
                    //this saves from having to make a new type to return. It's a                          standard jQuery function.
                    $.map(data.Byproducts, function (item) {
                        return {
                            label: item.productname + ' ' + item.price,
                            value: item.brand
                        }
                    }))
                }
            })
        }