title: Cannot Select From JQuery Autocomplete Selection Options
body: <p>I'm working on this jQuery Autocomplete thing and I can't get the item selected from the result set to appear in the textbox after clicking on it.</p>
  
  <p>As you can see, the code returns and item, i see the drop down. (I'd post a pic but i'm new and can't =/ )
  but after I click on it, nothing happens: (Joe Blow goes away, not shown but result is just a 99 in the field)</p>
  
  <p>here is my code:</p>
  
  <pre><code>var techNumber = $('#&lt;%= txtTechNumber.ClientID %&gt;');
          techNumber.autocomplete({
              source: function(request, response) {
                  $.ajax({
                      type: "POST",
                      contentType: "application/json; charset=utf-8",
                      url: '&lt;%=ResolveUrl("~/Service/ServiceHelpdesk/") %&gt;srvWebServiceRepository.asmx/FetchTechnicianList',
                      data: "{ 'techNumber':'" + request.term + "' }",
                      dataType: "json",
                      dataFilter: function(data) { return data; },
                      success: function(data) {
                          if (data.d != null) {
                              response($.map(data.d, function(item) {
                                  return {
                                      label: highlight(item.TechNumber, request.term) + " - " + item.TechFirstName + " " + item.TechLastName,
                                      value: item.TechID
                                  }
                              }))
                          }
                      },
                      error: function(XMLHttpRequest, textStatus, errorThrown) {
                          alert(XMLHttpRequest.responseText);
                      },
                      select: function(event, ui) {
                          techNumber.val(ui.item);
                      }
                  });
              },
              minLength: 1
          });
  </code></pre>