Autocomplete

HTML

<script src="https://gustavo-641.000webhostapp.com/autocomplete.js"></script>
<input type="text" name="country" id="autocomplete"/>

CSS

.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }

JavaScript

var arr;

$(document).ready(function getClientedata(){
  $.ajax({
    type: 'GET',
    url: 'https://jsonplaceholder.typicode.com/users',
    dataType: 'json',

    success: function(response) {
  		for(var i = 0; i < response.length; i++) {
      	var obj = response[i];
        
        arr = [
        		{ value: obj.name, data: obj.id },
        ];      
        console.log(arr);
      }
    },
    error: function(xhr, e, t){
    	alert('Error');
    }
  });
  
  $('#autocomplete').autocomplete({
      lookup: arr,
      onSelect: function (suggestion) {
          alert('You selected: ' + suggestion.value + ', ' + suggestion.data);
      }
  });
});