title: Empty rows from the autocomplete list instead of suggested names while typing
body: <p>I have a strange problem. I get some info in JSON form from a php file.
  I have tested that with console.log and the data does return in JSON form to be passed as potential choices in an autocomplete form. But, the list that comes out, down from the input just contains rows with no data at all. Here's the piece of code I have for the autocomplete feature:</p>
  
  <pre><code>$(function() {   
          $( "#searchArea" ).autocomplete({
                delay: 0,
                minLength: 2,           
                source: function(request, response) {
                $.ajax({
                url: 'search.php', 
                data: { term: request.term }, 
                success: function(data) {  
                                  response($.map(data, function(item) {
                                  return {
                                  label: item.firstName,
                                  value: item.userID};
                                  }));
                }
              });
            }
          })
      });
  </code></pre>
  
  <p>I don't get it. Obviously I am missing something in the response call but can't figure out what. The data returned from php contain results, from a SELECT query, in multiple arrays like these:</p>
  
  <blockquote>
    <p>{"1":{"userID":"1","firstName":"Mike"},"2":{"userID":"2","firstName":"Michael"}}</p>
  </blockquote>
  
  <p>Any help - guidance will be appreciated as I have been around this from the morning.
  Thank you.</p>