jQuery UI Autocomplete with CI ??

[eluser]josebyte[/eluser]
Hi all,
First of all sorry for my bad english level.
I´m new on this and I tried to use your scripts for more than 6hours and nothing. I don´t know where is the problem because I have no errors...
I think the controller is ok, buy I dont know jquery... maybe the problem is here...
If anyone can help me this is my code:

Function in controller:

Code:

public function search(){
        
        $search = $this->input->post('term');
        
        $data['response'] = 'false';
        
        $this->db->select('*');
        $this->db->from('geonames');
        $this->db->like('name', $search);
        $locations = $this->db->get()->result();

        
        if(count($locations) > 0){
            $data['message'] = array();
            
            foreach($locations as $location){
               $data['message'][] = array(  'label' => $location->name . ', ' . $location->name . ' ' . $location->name,
                                            'item'  => $location->name,
                                            'value' => $location->name );
            }
            
            $data['response'] = 'true';
        }
        echo json_encode($data);      
}

JSs and rest of the code:

Code:

<link rel="stylesheet" href="css/jquery.autocomplete.css" type="text/css" />
    
<s-ript type="text/javascript" src="js/jquery-1.4.2.min.js">[removed]
<s-ript type="text/javascript" src="jsui/jquery.ui.core.js">[removed]
<s-ript type="text/javascript" src="jsui/jquery.ui.widget.js">[removed]
<s-ript type="text/javascript" src="jsui/jquery.ui.autocomplete.js">[removed]

<s-ript type="text/javascript">
$("input[name='city']").autocomplete({
        source: function(req, add){
                $.ajax({
                    url: '&lt;?php echo site_url('auth/search');?&gt;',
                    dataType: 'json',
                    type: 'POST',
                    data: req,
                    success: function(data){
                        if(data.response =='true'){
                           add(data.message);
                        }
                    }
                });
        },
        minLength: 3,
        select: function(event, ui){
            $(this).end().val(ui.item.value);
        }
     });
</s-ript>
    


    <div class="ui-widget">
    &lt;input type="text" id="city" class="city" /&gt;
    </div>

I´m using jquery v1.4.2 and jui v1.8.5. What I´m doing bad?