autocomplete with 2d array

Question

hi to every one

 I am   working with jquery and mvc 5 and here is below code ,,but auto complete is not working .. also full file is attached

<div class="col-lg-6" style="padding-top: 4rem;padding-left: 10px;">

                      <div class="ui-widget">
                          <label for="customer"> </label><input id="customer" />
                      </div>
                  </div>

 

<link href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" rel="Stylesheet" />
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

  <script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
  <link id="myCss" href="~/Content/StyleSheet1.css" rel="stylesheet" />
  <link href="~/Content/bootstrap.min.css" rel="stylesheet" />
  <link href="~/Content/bootstrap.css" rel="stylesheet" />

$("#customer").autocomplete({
              source: function (request, response) {
                  //response($.map(list, function (item) {
                  //    if (ui.item.label.indexOf($("#customer").val()) == 0) {
                  //        return {
                  //        //    label: ui.item.label,
                  //          //  value: ui.item.value
                  //        }
                  //    }
             // })
         // )
              },
              select: function (event, ui) {
                  selectedValue = ui.item.value;
                  selectedText = ui.item.label;
              },
              minLength: 1
          });