title: jQuery ui autocomplete not firing select event
body: <p>I have a jQuery autocomplete, and the <code>select</code> event is never fired.</p>
  
  <p>The script looks like this:</p>
  
  <pre><code>$(function() {
      $('#AppName').autocomplete({
          minLength: 0,
          source: function(request, response) {
              var url = "/api/AddAppAjax";
              $.getJSON(url, { term: request.term }, function(data) {
                  response(data);
              })
          },
          select: function (event, ui) {
              alert(ui.item.id); &lt;---- !This is never hit!
              $('#selected-id').val(ui.item.id);
          }
      });
  })
  </code></pre>
  
  <p>The Web API controller action looks like this:</p>
  
  <pre><code>public IEnumerable&lt;object&gt; Get(string term)
  {
     var appManager = new AppManager();
     var appList = appManager.GetAllApps().AsQueryable().ToList();
     var appListJson = from fbApp in appList
     select new
     {
        id = App.Id,
        value = App.AppName,
        label = App.ToString()
     };
  
     return appListJson;
  }
  </code></pre>
  
  <p>The autocomplete itself works fine. It's just the event that isn't firing. I tried binding to the event with <code>bind</code> and <code>on</code> and that didn't help either. I also tried this on the <code>change</code> event, and that does not get fired either, or so it looks to me. I can't figure out why the event is not firing.</p>