title: jQuery Autocomplete does not work with back-end generated JSON
body: <p>I am using jQuery autocomplete as following, if I use default url of the jQuery the code works but when I use my back-end generated JSON and type something in my input element, I am sure that the function calls the back-end and the back-end generates the JSON but the autocomplete does not show the values of the returned JSON. </p>
  
  <pre><code>$(function() {
          $("#name").autocomplete(
                  {
                      source : function(request, response) {
                          $.ajax({
                              url : "http://localhost:2051/myproject/names",
                              dataType : "jsonp",
                              data : {
                                  q : request.term
                              },
                              success : function(data) {
                                  response(data);
                              }
                          });
                      },
                      minLength : 2,
  
                  });
      });
  </code></pre>
  
  <p>The JSON that back-end in address </p>
  
  <pre><code>"http://localhost:2051/myproject/names"
  </code></pre>
  
  <p>returns is as following</p>
  
  <pre><code>["Podgorica, CG, Yugoslavia"]
  </code></pre>
  
  <p>When I type pod with the <a href="http://gd.geobytes.com/AutoCompleteCity?q=pod" rel="nofollow">url</a>  that comes with default version of the autocomplete, it shows and the suggestion box successfully get populated.</p>
  
  <pre><code> ["Podgorica, CG, Yugoslavia"]
  </code></pre>
  
  <p>I am not sure why it does not show the returned JSON of the back-end. Another question is how to have a map of the items, so rather than value of the item I pass its key to the back-end?</p>