Autocomplete

<!DOCTYPE html>
<html>
    <head>
	<title>{{ titulo }}</title>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="stylesheet" href="jquery-ui-1.12.1.custom/jquery-ui.min.css">
	<link rel="stylesheet" href="jquery-ui-1.12.1.custom/jquery-ui.theme.min.css">
	<!--<link rel="stylesheet" href="/resources/demos/style.css">-->
<!--	<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
	<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>-->
	<style>

	    td{
		display: block;
	    }
	    .ocultar{
		display: none;
	    }
	</style>
    </head>
    <body>
	<header>
	    <a href="/logout">Logout</a>
	</header>
	<div>
	    <h1>Está é a sua área de membro!</h1>
	    <p>O seu nível de acesso é: {{ tipoUsuario() }}</p>
	</div>
	<form method="get" action="" name="testeJava">
	    <fieldset>
		<legend>Cadastre aqui seu pedido</legend>
		    <label>O que você procura?</label>
		    <select id="pergunta">
			<option>Selecione uma das opções abaixo</option>
			<option value="produto">Produto</option>
			<option value="servico">Serviço</option>
		    </select>
		    {{ mensagem('nome') }}

		    <div class="box bloco" id="autocomplete">
			<h2>jQuery UI - Autocomplete</h2>
			<input type="text" id="busca"/>
		    </div>

		<input type="hidden" name="pedido"/>
		<br/><button type="submit">Cadastrar pedido</button>
	    </fieldset>
	</form>
	<script type="text/javascript" src="jquery-ui-1.12.1.custom/external/jquery/jquery.js"></script>
	<script type="text/javascript" src="jquery-ui-1.12.1.custom/jquery-ui.js"></script>
	<script type="text/javascript">
	    // Dispara o Autocomplete a partir do segundo caracter
		$( "#busca" ).autocomplete({
		    minLength: 1,
		    source: function( request, response ) {
			$.ajax({
			    url: "completar.php",
			    type: "GET",
			    dataType: "json",
			    data: {
				acao: 'autocomplete',
				parametro: $('#busca').val()
			    },
			    success: function(data) {
				response(data);
				//console.log(data);
			    }
			});
		    },
		    focus: function( event, ui ) {
			$("#busca").val( ui.item.tb_usuario_nome );
			return false;
		    },
		    select : function( event, ui ) {
			$("#busca").val( ui.item.tb_usuario_nome );
			return false;
		    }
		});
	</script>
    </body>
</html>