JQuery автозаполнение источника без URL

Я пытаюсь предоставить исходному к jquery автозаполнение результата, который я получаю из события изменения другого тега выбора. мой вызов ajax возвращает массив json нормально, но я делаю что-то здесь не так, что я не могу исправить, пожалуйста, посмотрите код ниже

jQuery("#city").change(function(){
var city = jQuery("#city").val()
jQuery.ajax({
async: false,
global: false,
type: 'POST',
url: 'http://example.com/wp-content/themes/abc/areas-ajax.php',
data: {city: city},
success: function(response) {
console.log(response);
var areas = response;
jQuery( "#area" ).autocomplete({
source: areas
});
}
});

Как только я ввожу в поле ввода, он делает запрос get, который не должен быть в моем сценарии, поскольку я предоставляю источник в сценарии.