selector

selector

I am attempting to use the jquery autocomplete feature

my code is based on the remote JSONP example.

Useing chrome dev tools i have established that it does make the ajax request successfully. and when I manually resend the request I do get the expected response back.

However the success: callback does not run.
note that if i include a beforeSend: call in the same place as the success: call it does run
also the error: callback returns " "jQuery1102008505786093883216_1453976870941 was not called"


$(function() {
function log( message ) {
$( "<div>" ).text( message ).prependTo( "#log" );
$( "#log" ).scrollTop( 0 );
}

$( "#birds" ).autocomplete({
source: function( request, response ) {
$.ajax({
url: "https://jqueryui.com/resources/demos/autocomplete/search.php",
dataType: "jsonp",
data: {
term: request.term
},
success: function (data) {
response(data);
console.log('marker');
}
});
},
minLength: 2,
select: function( event, ui ) {
log( ui.item ?
"Selected: " + ui.item.value + " aka " + ui.item.id :
"Nothing selected, input was " + this.value );
}
});
});