Jquery UI Autocomplete. What am I doing wrong here?

I am using Jquery UI Autocomplete to get a list of names. But for some reason I am getting error

This is the Autocomplete code

2. $('#repName').removeAttr('readonly').focus(function () {
3.                     $(this).val('');
4.                 }).autocomplete({
5.                     source: function (request, response) {
6.                         tagId = $('#TagId').val();
7.                         $.ajax({
8.                             url: '/Developement/GetRepName', type: 'POST', dataType: 'json',
9.                             data: { searchText: request.term, maxResults: 10, tagId: tagId },
10.                             success: function (data) {
11.                                 response($.map(data, function (item) {
12.                                     return {
13.                                         label: item.Name,
14.                                         value: item.RepId,
15.                                         id: item.RepId
16.                                     }
17.                                 }))
18.                             }
19.                         })
20.                     },
21.                     select: function (event, ui) {
22.                         commissionAllicationModifications(ui.item.id, 0, 'A');
23.                     }
24.                 });

I have no clue why this is happening. 

I am using Jquery UI 1.8.1

I would appreciate any kind of help on this.

• Topic Participants

• vanthiyathevan17

• Richard Worth