Motor de búsqueda en navbar con Bootstrap 3

[DandyCC]

Buenas. Estoy intentado hacer un input de búsqueda con Bootstrap 3 pero no consigo que arranque. El funcionamiento debería ser similar al que tienen, por ejemplo, facebook o twitter en su cabecera, que al pulsar una tecla aparezca una lista con los resultados.

Código HTML:

<ul class="nav navbar-nav">
    <li class="dropdown">
        <form class="navbar-form navbar-left hidden-xs" role="search">
            <div class="input-group">
                <span class="input-group-addon"><i class="fa fa-search"></i></span>
                <input type="text" class="form-control" placeholder="Buscar">
            </div>
        </form>
        <ul class="dropdown-menu" role="menu">
            <li class="search_results">AQUI APARECERAN LOS RESULTADOS DE LA BUSQUEDA</li>
        </ul>
    </li>
</ul>
 

El problema es que el dropdown se activa cuando se hace click en un link del menú que contiene data-toggle="dropdown", pero eso en un input no me vale.

También El llevo un buen rato buscando ejemplos de esto y no encuentro ninguno (en parte por mi mal inglés).

¿Alguien conoce alguno?