Me pregunto, he usado complementos de autocompletar antes, pero el ejemplo en el sitio web de jquery parece muy simple y útil:

$(function() {
    var availableTags = [
        "ActionScript",
        "AppleScript",
        "Asp",
        "BASIC",
        "C",
        "C++",
        "Clojure",
        "COBOL",
        "ColdFusion",
        "Erlang",
        "Fortran",
    ];
    $( "#tags" ).autocomplete({
        source: availableTags
    });
});



    <div class="demo">
<div class="ui-widget">
    <label for="tags">Tags: </label>
    <input id="tags">
</div>
</div>

Sin embargo, los resultados publicados están en cuadros de entrada. Y cuando haces clic fuera de los resultados, desaparecen.

1) Necesito que los resultados no desaparezcan, siempre que haya texto en la entrada que coincida con algunos valores en la matriz, siempre debe mostrarlo.

2) Los resultados deberían aparecer como divs. No necesito la funcionalidad de hacer clic en la opción y hacer que aparezca en el cuadro de texto. Realmente solo estoy tratando de hacer una búsqueda instantánea dinámica.

Regards, taylor.