title: jQuery autocomplete not working
body: <p>I am using jQuery-UI autocomplete on angular controller.
  On the server side I have MVC, C# 6.0.</p>
  
  <p>Autocomplete simply doesn't work, nothing shows up. I've checked with debugger how many results are returned from server - results are returned:</p>
  
  <p><a href="https://i.stack.imgur.com/k7HrC.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/k7HrC.png" alt="enter image description here"></a></p>
  
  <p>But nothing happens on the GUI. No drop down list showed up, nothing. No error in the console.</p>
  
  <p>Here is angular controller / function:</p>
  
  <pre><code>angular.module("calendarDefinitionModule")
  .controller("calendarDefinitionController", ["$scope", "$http", function ($scope, $http) {
  
    $scope.UrlDeliveryListPaging = null;
    $scope.SearchResults = null;
  
      $scope.SearchDishSemiDishMerc = function (srt) {
  
          if ($(event.currentTarget) === null || $(event.currentTarget).val().length &lt; 3) {
            return;
          }
  
          var objTrigger = event.currentTarget;
  
          $http({
            method: "POST",
            url: $scope.UrlDeliveryListPaging,
            data: {
              cSEARCH_STRING: $(event.currentTarget).val(),
              cSEARCH_DISH: srt === 'dish' ? '1' : null,
              cSEARCH_SEDI: srt === 'semidish' ? '1' : null,
              cSEARCH_MERC: srt === 'merc' ? '1' : null
            }
          }).then(function success(response) {
  
            if (response.data === null) {
              return;
            }
            $scope.SearchResults = [];
  
            var i;
            for (i = 0; i &lt; response.data.length; ++i) {
  
              var iKEY = srt === 'dish' || srt === 'semidish' ? response.data[i]["iDISH_KEY"] : response.data[i]["iMERC_KEY"];
  
              var item =
                {
                  iDISH_KEY: response.data[i]["iDISH_KEY"],
                  iMERC_KEY: response.data[i]["iMERC_KEY"],
                  iKEY: iKEY,
                  cDICA_NME: response.data[i]["cDICA_NME"],
                  cDICA_UNI: response.data[i]["cDICA_UNI"],
                  cSEARCH_RESULT: response.data[i]["cDICA_NME"] + "     ID: " + iKEY
                }
  
              $scope.SearchResults.push(item);
            }
  
              $(objTrigger).autocomplete({
  
                source: $scope.SearchResults,
                select: function (event, ui) {
                  $(objTrigger).val(ui.item.cSEARCH_RESULT);
                  $(objTrigger).parent().parent().find("#inputDish_ID").val(ui.item.iKEY);
                  $(objTrigger).parent().parent().find("inputDish_UNI").val(ui.item.cDICA_UNI);
                }
  
              });
  
          }, function failure() {
            alert("Napaka pri iskanju!");
          })
  
        }
  }
  </code></pre>
  
  <p>On the server side I've included:</p>
  
  <pre><code> ScriptBundle scriptsControllerDefinition = new ScriptBundle("~/scripts/ControllerDefinition");
        scriptsControllerDefinition.Include("~/static/scripts/jquery-1.11.0.min.js");
        scriptsControllerDefinition.Include("~/static/jquery.ui/js/jquery-ui-1.10.4.custom.js");
        scriptsControllerDefinition.Include("~/Scripts/angular.js");
        scriptsControllerDefinition.Include("~/Scripts/Angular/CalendarDefinition/calendarDefinitionModule.js");
        scriptsControllerDefinition.Include("~/Scripts/Angular/CalendarDefinition/calendarDefinitionController.js");
  </code></pre>
  
  <p>And here is .cshtml:</p>
  
  <pre><code>  &lt;div class="form-group col-sm-12"&gt;
          &lt;label for="addDish" class="col-sm-2 control-label" style="padding-left:0;"&gt;Dodaj jed: &lt;/label&gt;
          &lt;div class="col-sm-10"&gt;
            &lt;table id="tblDishes" style="width:100%;border-collapse:collapse;"&gt;
              &lt;tbody&gt;
                &lt;tr id="1"&gt;
                  &lt;td&gt;
                    &lt;div class="col-sm-2" style="padding-left:0;padding-right:0;"&gt;
                      &lt;input id="inputDish_ID" type="text" class="form-control" placeholder="ID" readonly /&gt;
                    &lt;/div&gt;
                    &lt;div class="col-sm-7" style="padding-right:0;"&gt;
                      &lt;input id="inputDish_NME" type="text" class="form-control" placeholder="Vnesite jed" ng-keyup="SearchDishSemiDishMerc('dish');" /&gt;
                    &lt;/div&gt;
                    &lt;div class="col-sm-1" style="padding-right:0;"&gt;
                      &lt;input id="inputDish_UNI" type="text" class="form-control" placeholder="Enota" readonly /&gt;
                    &lt;/div&gt;
                    &lt;div class="col-sm-1" style="padding-right:0;"&gt;
                      &lt;input id="inputDish_QUA" type="text" class="form-control bfh-number" placeholder="Količina" /&gt;
                    &lt;/div&gt;
                    &lt;div class="col-sm-1" style="padding-right:0;"&gt;
                      &lt;span class="glyphicon glyphicon-plus add-new-dish pull-left" style="font-size:18px;color:green;cursor:pointer;padding-top:1px;"&gt;&lt;/span&gt;
                      &lt;span class='glyphicon glyphicon-trash delete-dish pull-right' style='font-size:18px;color:red;cursor:pointer;padding-top:1px;'&gt;&lt;/span&gt;
                    &lt;/div&gt;
                  &lt;/td&gt;
                &lt;/tr&gt;
              &lt;/tbody&gt;
            &lt;/table&gt;
          &lt;/div&gt;
        &lt;/div&gt;&lt;br /&gt;
  </code></pre>