Autocomplete Ajax Get

Hello friends, someone knows how to do an autocompletion in the HTML with this query in the database, where the value will be the id

create proc buscarHeroe
@nombre varchar(30)
as
begin
select mc.id,mc.nombre from
Heroes as mc where mc.nombre = @nombre
end

with Ajax by method get, where the url already made by a service sera this: localhost: 3000 / searchHeroe /: name

My HTML

<div class="ui-widget">
  <label for="city">Heroe: </label>
  <input id="city">

</div>