Автозаполнение пользовательского интерфейса jQuery без фильтрации данных

Я искал, но не нашел ответа. Это может быть что-то тривиальное, но я просто не могу понять, чем это вызвано.

Я использую автозаполнение jQuery UI, оно отображает результаты json. Итак, я знаю, что мой JSON действителен. Однако он ничего не фильтрует. Итак, я могу ввести число, и оно просто покажет все данные. Любые советы будут очень признательны!

Я ценю ваше время !!

Вот мой код автозаполнения.

    $.widget('custom.catcomplete', $.ui.autocomplete, {
    _renderMenu: function(ul, items) {
        var self = this,
            currentCategory = '';
        $.each(items, function(index, item) {
            if (item.category != currentCategory) {
                ul.append('<li class="ui-autocomplete-category">' + item.category + '</li>');
                currentCategory = item.category;
            }
            self._renderItem(ul, item);
        });
    }
   });


   $('#category').catcomplete({
    source: function(request, response) {
        $.ajax({
            url: '/wp-content/plugins/pagelines-sections/searchbar/products.json',
            dataType: 'json',
            data: {
                term: request.term
            },
            cache: true,
            success: function(data) {
                response($.map(data.products, function(item) {
                    return {
                        category: item.category,
                        label: item.label,
                        value: item.value
                    };
                }));
            }
        });
       },
       minLength: 1
   });