jQuery окно поиска автозаполнения

Я хочу создать автоматический полный поиск, который получает входные данные и печатает результат в div. Когда я запускаю свой php-код, он дает правильные результаты, но он не работает с jquery, я не могу распечатать результаты, которые касаются ввода пользователя. Мои коды как это,

Мои коды;

$('#search').on('input',function(e){$('#search').autocomplete({

source: function( request, response ) {
$.ajax({
url : 'complete.php',
dataType: "json",
data: {
name1: request.term,
type: 'name'
},
success: function( data ) {

response( $.map( data, function( item ) {
return {
label: item,
value: item
}
}));
$("#showname").append(html);
}
});
},
autoFocus: true,

});

});

Мои php коды;

$name=$_POST['name1'];
$i=mysqli_query($con,"Select * from users where name like '".$name1."%'");
$data = array();
while($m=mysqli_fetch_assoc($i)){

array_push($data, $m['name']);

}
echo json_encode($data);

Как я могу искать и печатать результаты в соответствии с пользовательским вводом?

Спасибо…