Jquery Autocomplete Demo

Autocomplete Demo with remote Data-source

HTML

<link rel="stylesheet" href="//code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
<input type="text" placeholder="type something ..." class="nomeCliente" />

<br/>
<br/>
<br/>
<input type="text" placeholder="resultado ..." id="id_cliente" />

CSS

body {
  padding: 30px;
}

JavaScript

$(document).ready(function() {
  $(".nomeCliente").autocomplete({
    delay: 100,
    source: function(request, response) {
      var suggestURL = "http://suggestqueries.google.com/complete/search?client=chrome&q=%QUERY";
      suggestURL = suggestURL.replace('%QUERY', request.term);
      $.ajax({
          method: 'GET',
          dataType: 'jsonp',
          jsonpCallback: 'jsonCallback',
          url: suggestURL
        })
        .success(function(data) {
          response(data[1]);
        });
    },
    select: function(event, ui) {
      console.log(ui)
      $("#id_cliente").val(ui.item.value);
    },
    messages: {
      noResults: "sasa",
      results: "sasas"
    }
  });
});