Autocomplete jQuery UI with geonames (how to addMarker)

Autocomplete jQuery UI with geonames (how to addMarker)

Hello I am using jQuery UI Autocomplete pluging with geonames.

I would like to place Maker on search how can i do it

here is my code
jQuery(document).ready(function($){
$("#pwGeoAddressTxt").autocomplete({
source: function (request, response) {
            //alert(selectregionuser);
var textvalue = $("#pwGeoAddressTxt").val();
            if (textvalue != '') {
$.ajax({
dataType: "json",
success: function (data) {
//alert(data);
console.log(data);
response($.map(data.geonames, function (item) {
try {
return {
//label: item.name + (item.adminName1 ? ", " + item.adminName1 : "") + ", " + item.countryName,
label: item.name+" "+item.adminName2,
value: item.adminName2,
lat: item.lat,
lng: item.lng
}
}
catch (err) {
}
}));
},
error: function(error){
alert("error");
}
});
            }
        },
        minLength: 2,
select: function (event, ui) {
this.value =ui.item.value;
var regionLat = ui.item.lat;
var regionLong = ui.item.lng;
// map.setCenter(new google.maps.LatLng(40.7127,74.0059));
           map.setCenter(new google.maps.LatLng(regionLat,regionLong));
  map.setZoom(4);
        }
        
       
    });
});
} google.maps.event.addDomListener(window, 'load', initialize); google.maps.event.addDomListener(window, 'load', taxo_googlemap_initialize);