tengo una pequeña duda, resulta que estoy realizando un sistema, y dentro del mismo hay un input de búsqueda junto con un con el icono de una lupa, lo que quisiera es que el icono este siempre sobre el input aunque este tenga que moverse porque aparezcan mas opciones arriba (las opciones se generan con un for asi que pueden haber mas o menos).
html
<input type="search" id="buscar" name="buscar" />
<i class="fa fa-search busca" id="lupa"></i>
js
var busqueda = document.getElementById("buscar");
var lupa = document.getElementById("lupa");
lupa.style.left = (parseInt(busqueda.offsetLeft)+39.5)+"%";
lupa.style.top = (parseInt(busqueda.offsetTop)+9)+"%";