JQuery UI Autocomplete UI

See more:

jQuery

auto-complete

My code is like below-

$("#project").autocomplete({
    minLength: 0,
    URL: ../../,
    },
    select: function (event, ui) {
        $("#project").val(ui.item.label);
        $("#project-id").val(ui.item.value);
        $("#project-description").html(ui.item.desc);
        $("#project-icon").attr("src", "images/" + ui.item.icon);

    }
})
    .data("autocomplete")._renderItem = function (ul, item) {
    return $("<li>")
        .data("item.value", item)
        .append("<a>" + item.label + "<br>" + item.desc + "</a>")
        .appendTo(ul);
};

I am getting all the data and that too in custom display( item desc is in the next line of item label). but it prevents the selection. earlier I was able to select each item but after adding the .data()._renderItem part I am not able to do so. Please suggest what's wrong in it.