Jquery Autocomplete

[tovirio]

Hi, i have a problem,  i' m trying to edit an input filed with the jQuery plugin autocomplete in the configuration back office of a module.

In the getContent():
$this->context->controller->addJqueryPlugin('autocomplete');
return $this->display(__FILE__, 'views/templates/admin/admin.tpl');

 

 

In the admin.tpl :
<script type="text/javascript">
$(document).ready(function() {
var $options = { data: ["blue", "green", "pink", "red", "yellow"] };
$('#basics').autocomplete( {
source: $options
                        });
});
</script>
<input id="basics" />

The input filed compare and the function autocomplete is associated, but doesn't work the autocomplete. Any solution?