Codeigniter + JQuery 1.4.2 + autocomplete

[eluser]nir1978[/eluser]
I checked your code and put same in mine changing where required but still no luck.

my view:

[removed]
$("#recipient").autocomplete({
source: function(request, response) {
$.ajax({
url: "<?= base_url();?>appointments/search",
dataType: "json",
type: "post",
data: {
maxRows: 15,
term: request.term,
state: $('#recipient').val()
},
success: function(data) {
response($.map(data.tags, function(item) {
return {
label: item.Name,
value: item.Name,
mytest: item.pid
}
}))
}
})
},
minLength: 2,
select: function(event, ui) {
$("#recipient").val(ui.item.mytest) ;

}

});
[removed]

<div id="content">
<h1>&lt;?php echo $pagetitle;?&gt;</h1>
&lt;?php

echo form_open('appointments/update');
echo form_label('Send date','senddate');
echo form_input('senddate',isset($values['senddate']) ? $values['senddate']:"");
echo form_label('Reminder','reminder');
echo form_input('reminder',isset($values['reminder']) ? $values['reminder']:"");
echo '(minutes)';
echo br(1);
echo form_label('Recipients','recipient');
//echo form_input('recipient',isset($values['recipients']) ? $values['recipients']:"");
?&gt;
<div class="demo">

<div class="ui-widget">
&lt;input type=text id=recipient&gt;
</div>
</div>
&lt;?php
echo br(1);
echo form_label('Details','message');
echo form_textarea('message',isset($values['message']) ? $values['message']:"");
echo br(1);
echo form_submit('submit','Save');
echo form_close();

?&gt;

</div>

&lt;?php print_r($recipients);?&gt;

My Controller:

function search() {

$term = $this->appointment_model->search($this->input->post('term'))->result_array();
echo '{"tags":'.json_encode($term).'}';

}

My Model:

function search($q) {
$this->db1->select('pid,firstname');
$this->db1->like('firstname',$q);
return $this->db1->get('phonebook');
}

no luck at all

also I checked the URL directly (appointments/search) I get

{"tags":[{"pid":"1","firstname":"Niranjan"},{"pid":"2","firstname":"hello"},{"pid":"3","firstname":"dis"}]}

means I am able to receive the output from the controller...but my javascript in the view file is not able to understand.

I loaded jquery-1.4.2.js jquery.ui.autocomplete.js and other required js files.

please let me know whats wrong


EDIT:
my header :

jquery-1.4.2.js
jquery.ui.core.js
jquery.ui.widget.js
jquery.ui.position.js
jquery.ui.autocomplete.js