como hago que al dar clic, la lupa ejecute la acción

[fidentis]

Hola amigos estoy haciendo un buscador en el navbar



https://gyazo.com/59a5f528e6e8f54a8423549ecbea1d99

pero como hago para que en ves del botón buscar, la acción se quede en el icono de la lupa y al dar clic en la lupa me busque?

y otra cosa: quiero cambiar el tamaño del formulario buscar para que sea mas largo, como lo hago?
gracias

Código:

<!-- INICIO BUSCADOR -->
      <form class="navbar-form navbar-left" role="search">
      <div class="form-group">
        <div class="input-group">
        <span class="input-group-addon"><span class="glyphicon glyphicon-search"></span></span>
        <input type="text" class="form-control" placeholder="Escribe una palabra..">
        </div>
      </div>
      <button type="submit" class="btn btn-default">BUSCAR</button>
    </form>
    <!-- FIN BUSCADOR -->

[AngelKrak]

lo unico que se me ocurre es que le asignes un onclick al span y mediante una funcion de js te busque lo que quieres ;)

Demo:
http://codepen.io/AngelKrak/pen/dYVVLV

[xfxstudios]

no es mas fácil asignarle una imagen al botón????

Código HTML:

<input type=image src="images/go.gif" width="25" height="15">