jQuery UI Autocomplete with CI ??

[eluser]packetfox[/eluser]
Hello there, i am also trying to get this to work nicely, but am failing:

Firstly here is my simple View

Code:

<s-ript type="text/javascript">

$("#companies").autocomplete({
    source: function(req, add){
        $.ajax({
            url: 'vendors/json',
            dataType: 'json',
            type: 'POST',
                data: req,
                success: function(data){
                    if(data.response =='true'){
                        add(data.message);
                    }
                }
        });
    },
    minLength: 1,
    select: function(event, ui){
        $(this).end().val(ui.item.value);
    }
});
    
</s-ript>


<div id="main-content">
    <h3>Test Stuff</h3>
    <label for='companies'>Companies</label>
    &lt;input name='companies' id='companies' type='text' value='' /&gt;
</div>

And the vendors/json controller function looks like

Code:

function json(){
        $companies = $this->M_companies->getCompanies();
        $o = array();
        foreach ($companies as $company){
            $o[] = "$company[company_name]";
        }
        echo json_encode($o);
    }

If i call the above vendors/json in my Browser, i will get

Code:

["Netgear","Cisco","Wifi Inc","Microsoft","Apple"]

When i pull up the view in the Browser and start typing, i get nothing. Any clues what i am doing wrong?

Many thanks,
D