How to get the item searched with autocomplete?

I have an autocomplete that works perfectly. How do I get the item fetched and put inside a div? Type x-salad research and when you click it put x-salad inside the div. The AutoCompleteSelectHandler (event, ui) function returns nothing.

// BUSCA COM AUTOCOMPLETE
var resultadoLanche = [];
// Captura o retorno do retornaCliente.php
$.ajax({
  url: urlBase + "produtos?filter[categoria_id]=" + idcategoria,
  method: 'GET',
  success: function(retorno)
  {

    retorno.data.forEach(function(item)
    {
      resultadoLanche.push(item.nome);

    });
  },
  error: function(XMLHttpRequest, textStatus, errorThrown)
  {
    alert("Status do Servidor: " + textStatus);
    alert("Erro do Servidor: " + errorThrown);
  }
});

// ativar o autocomplete
$('#buscarProduto').autocomplete(
  {
    source: resultadoLanche,
    select: function(event, ui)
    {
      $('#buscarProduto').val(ui.item.value);
    },
    minLength: 3
  }
);

function AutoCompleteSelectHandler(event, ui)
{
  alert('teste');
var teste = $('#buscarProduto').val(ui.item.value);

}