Typeahead.js problem Opcje

[Czarny86]

Cześć, mam problem z typeahead.js 0.10.0, mam skrypt który w zamyśle pobiera dane z inputa i wyciąga z bazy podpowiedzi.

[HTML] pobierz, plaintext 
var movies = new Bloodhound({
    datumTokenizer: function (d) {
        return Bloodhound.tokenizers.whitespace(d.value);
    },
    queryTokenizer: Bloodhound.tokenizers.whitespace,
    remote: {
        url: base_url + 'home/autocomplete?q=%QUERY',
        filter: function(parsedResponse){
          data = [];
          for (var i = 0; i < parsedResponse.length; i++) {
            data.push({
              value : parsedResponse[i].city_name
            });
          }  
        return data;}
    }
});
 
// initialize the bloodhound suggestion engine
movies.initialize();
 
// instantiate the typeahead UI
$('#city').typeahead(null, {
    displayKey: 'value',
    source: movies.ttAdapter(),
});
[HTML] pobierz, plaintext 

Controller

[PHP] pobierz, plaintext 
public function autocomplete(){
		$result = $this->home_model->getData($this->input->get('q'));
		header('Content-type: application/json');
		echo json_encode($result);
	}
[PHP] pobierz, plaintext 

oraz Model

[PHP] pobierz, plaintext 
public function getData($city){
		$query = $this->db->select('city_name')->like('city_name', $city, 'after')->get($this->_cityTable);
		return  $query->result_array();
	}
[PHP] pobierz, plaintext 

W firebugu mam info że dane zostały pobrane

[HTML] pobierz, plaintext 
[{"city_name":"lublin"},{"city_name":"lubartów"}]
[HTML] pobierz, plaintext 

ale nie mogę jakoś tych danych podpiąć tak aby wyświetliły sie w sugestiach pod inputem ;/
Możecie jakoś pomóc?

Pozdrawiam