Jquery ui 使用天气地下api的Jquery自动完成

我正在尝试使用自动完成与天气地下API。但它并没有在HTML字段上提供任何弹出窗口，而是在控制台中显示输出。请检查下面的代码和建议

      $(document).ready(function($){
 $('#input').autocomplete({
   source:function (request, response) {
  $("#input").keyup(function(me){
   var  city=$(this).val();


   $.ajax({

url:"http://autocomplete.wunderground.com/aq?query="+city+"&c=US&cb=call=?",
dataType: "jsonp",
crossDomain: true,
success: function (parsed_json) {
//console.log(JSON.stringify( parsed_json));
  response( $.each(parsed_json.RESULTS,
  function(i,item){

    return JSON.stringify( parsed_json.RESULTS[i].name);

         }));

},

 error:function (xhr, ajaxOptions, thrownError) {
alert(xhr.status);
alert(thrownError);
   }

  });


    });
   }
 });

  });

---

经过三天的努力，我让它工作了。下面是我和工作代码。希望它能帮助别人。 如果你有其他更好的方法，请告诉我 谢谢

$（文档）.ready（函数（$）{
var i；
var-out；
var-arr=[]；
$（“#自动完成”）.keyup（函数（）{
var值=$（this.val（）；
$.ajax({
url:“http://autocomplete.wunderground.com/aq?&c=IN&cb=call=?",
数据类型：“jsonp”，
数据：{
“查询”：值
},
跨域：是的，
成功：函数（已解析的_json）{
var c=$.each（已解析的_json.RESULTS，函数（i，项）{
out=（已解析的_json.RESULTS[i].name）；
arr.推出（out）；
});
$（“#自动完成”）。自动完成({
资料来源：arr
});
},
错误：函数（xhr、ajaxOptions、thrownError）{
警报（xhr.状态）；
警报（thrownError）；
}
}); 
});
});
html:
选择一个城市：

$(document).ready(function($){
 var i;
 var out;
var arr=[];

$('#autocomplete').keyup(function(){
var value=$(this).val();           

$.ajax({
url:"http://autocomplete.wunderground.com/aq?&c=IN&cb=call=?",
dataType: "jsonp",
data:{
"query":value
},
crossDomain: true,
success: function (parsed_json) {
var c =$.each(parsed_json.RESULTS,function(i,item){
out=(parsed_json.RESULTS[i].name);
 arr.push(out);

 });
 $( "#autocomplete" ).autocomplete({
 source:arr

});

},
 error: function (xhr, ajaxOptions, thrownError) {
alert(xhr.status);
alert(thrownError);
    }

  }); 
      });


});
html:
<div class="ui-widget">
        <label for="autocomplete">Select a city: </label>
<input id="autocomplete">
      </div>