scripts.js

   $('.js-search-autocomplete').autocomplete({
        appendTo: "header .search-results",
        source: function (request, response) {
            $.ajax({
                url: "/",
                data: { q: request.term, maxResults: 10,ajax_call:'y' },
                dataType: "json",
                method: 'POST',

                success: function (data) {
                    $('.search-results').addClass('show');
                    console.log(data);
                    response($.map(data, function (item) {
                        return {
                            value: item.name,
                            link: item.link,
                            picsrc: item.picsrc,
                            price: item.price,
                            oldprice: item.oldprice
                        };
                    }))
                }
            })
        }
    }).data("ui-autocomplete")._renderItem = function (ul, item) {
        console.log(item)
        var inner_html = '<a href="'+item.link+'"><span class="pic"><img src="'+item.picsrc+'" width="" height="" alt=""></span><span class="name">'+item.value+'</span><span class="price"><span class="old-price">'+item.oldprice+'</span><strong>'+item.price+'</strong></span></a>';
        return $("<li></li>")
            .data("item.autocomplete", item)
            .append(inner_html)
            .appendTo(ul);
    };