Bootstrap 3 typeahead — удаленный URL никогда не вызывается

Я использую typeahead с начальной загрузкой 3, и я написал это:

test.php

<?php
class names {
var $name;

function __construct($name) {
$this->name = $name;
}
}

$data=array();
$data['aaData'] = array();
foreach (array('kiki','dries','wolf') as $name) {
$data['aaData'][] = new names($name);
}

echo json_encode($data);

и я написал этот скрипт:

$('#attivita').typeahead({
name : 'resultArticle',
remote : {
url: 'test.php?query=%QUERY',
filter: function(data) {
console.log("doesn't log here");
var resultList = data.aaData.map(function (item) {
return item.name;
});
console.log(resultList);
return resultList;
}
}
});

HTML-код:

<input type="text" name="attivita" id="attivita" class="campi-form typeahead" autocomplete="off" data-provide="typeahead"/>

Автозаполнение не работает, возможно, я написал неправильный URL, потому что журнал в функции атрибута фильтра никогда не пишется, и я замечаю, что если я скопирую URL в URL браузера, я получу правильный JSON.

Я прочитал много вопросов в Stackoverflow, но я не могу решить их.

Не могли бы вы мне помочь, пожалуйста?
Спасибо 🙂