having weird troubles with jQuery Autocomplete --

having weird troubles with jQuery Autocomplete --

Hello friends.
Let me describe what this is about and what i've done so far.

As expected, I have a text box where the user would type in names of cities. And it is supposed to show an autosuggest/autocomplete prompt of city names that may match with the letters being typed. I have my server side code returning these city names. 

1. my html is simple and such --

Search by City:   
                <input type="text" placeholder="type city name here ..." id="reg_city" style="border-radius: 6px;color: #21022c; background-color: #f8e7da; width: 310px; height: 38px;" />



2. the jquery code I did --
  2. $(document).on('keyups', '#reg_city', function () {

  4.         $(this).autocomplete({
  5.             source:function( request, response )
  6.             {
  7.                 if(request.term!="")
  8.                 {
  9.                     $.ajax({
  10.                         type: 'POST',
  11.                         url: '@Url.Action("Get_CityAutocomp", "Home")',
  12.                         dataType: 'json',
  13.                         contentType: 'application/json; charset=utf-8',
  14.                         data:{name:request.term},
  15.                         success:function(serv_data)
  16.                         {
  17.                             if(serv_data!="")
  18.                             {
  19.                                 response($.map(serv_data, function(item)
  20.                                 {
  21.                                     var name = item.name;
  22.                                     return
  23.                                     {
  24.                                         label:name,
  25.                                         value:name,                          <----------
  26.                                         item:serv_data                      <----------
  27.                                         
  28.                                     };
  29.                                 }));
  30.                             }
  31.                         }
  32.                     });
  33.                 }
  34.             },
  35.             autoFocus:true,
  36.             minLength:2,
  37.             delay:150,
  38.             select:function(event, ui)
  39.                 {
  40.                     var name=ui.item.serv_data;
  41.                     $(this).val(name);
  42.                 }
  44.       });
  45. });