Автозаполнение выпадающего в MVC5?

Привет, у меня есть одно поле зрения. Это поле Customer, это выпадающее поле. В этом я держу выпадающий список, чтобы выбрать значение. Но мне нравится менять это поле как выпадающее меню автозаполнения.

На изображении выше у меня есть поле customerName как раскрывающееся поле, но я сохраняю его при поиске и выбираю опцию. Но теперь я хотел бы изменить это на выпадающий список автозаполнения, как указано ниже.

Код моего просмотра

 @Html.Label("Customer Name", new { @class = "control-label" })
 @Html.DropDownListFor(model => model.CustomerID, new SelectList(string.Empty, "Value", "Text"), "Please select a Customer", new { @class = "form-control required", type = "text" })

Мой код JQuery

  $(function () {
     debugger;
    $.ajax(

   '@Url.Action("GetVisitCustomer", "VisitorsForm", new { Area = "Sales" })',{
       type: "GET",
       datatype: "Json",
       success: function (data) {
       $.each(data, function (index, value) {
       $('#CustomerID').append('<option value="' + value.CustomerID + '">' + value.DisplayName + '</option>');

                });
               }
             });            
           });

Мой код контроллера для получения клиентов и загрузки в поле

  public JsonResult GetVisitCustomer()
    {
        var objCustomerlist = (from c in db.Customers where c.IsDeleted== false select c).ToList();
        return Json( objCustomerlist,JsonRequestBehavior.AllowGet);
    }

Я пытался объяснить мою проблему. Любая помощь, чтобы решить эту проблему. Я пробовал много способов, но это не работает. Таким образом, любой понимает мою проблему и дает какое-то решение или предложения.

Кодекс, который я пробовал

Код моего просмотра

 @Html.Label("Customer Name", new { @class = "control-label" })
 @Html.TextBoxFor(Model=>Model.CustomerID)

Мой код Jquery

  <script type="text/javascript">
    $(document).ready(function () {
        debugger;
        $("#CustomerID").autocomplete({
            source: function (request, response) {
                $.ajax(
                     '@Url.Action("GetVisitCustomer", "VisitorsForm", new { Area = "Sales" })', {
                    type: "POST",
                    dataType: "json",
                    data: { term: request.term },
                    success: function (data) {
                        response($.map(data, function (item) {
                            return
                            { label=item.CustomerID, value= item.DisplayName
                            };
                        }))

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

Но этот код не работает

Заранее спасибо ..