textbox autocomplet not showing any data in mvc.

See more:

ASP.NET

MVC

C#5.0

Hi,
textbox autocomplet not showing any data.
my json request called and data also return but not show on textbox dropdown.
code:

<script type="text/javascript">
    $(document).ready(function () {
        $('#txtJobSkill2').autocomplete({
            source: function (request, response) {
                $.ajax({
                    url: "/Jobs/SkillAutoComplete",
                    type: "POST",
                    dataType: "json",
                    data: { term: request.term },
                    success: function (data) {
                        alert(data);
                        response($.map(data, function (item) {
                            alert(item);
                          
                            return { label: item, value: item };
                        }))


                    }
                })
            },
            messages: {
                noResults: "", results: ""
            }
        });
    })
</script>

public JsonResult SkillAutoComplete(string term)
        {
            //List<string> skills = new List<string>();
            var context=mydatacontext;

              var  skills = (from a in context.Masterdata
                          where a.Description.StartsWith(term)
                                select a.Description).Distinct().ToList();
                return Json(skills.Distinct(), JsonRequestBehavior.AllowGet);

            //return Json(skills, JsonRequestBehavior.AllowGet);
        }