keep ui autocomplete open at all times

There is also a CSS only option:

<style>
    .ui-autocomplete { display: inline-block !important; }
</style>

Example: http://jsfiddle.net/Monstermensch/G7YYZ/1/


You should also add the following code to avoid problems if the browser is resized (source: Repositioning jQuery UI Autocomplete on browser resize):

$(window).resize(function () {
    $("#input1").autocomplete("search");
});

Hey sorry for the late response!

I feel this is a lot cleaner than keeping focus on the input and searching multiple times.

Try this...

JAVASCRIPT:

$( "#input1" ).autocomplete({
    source: availableTags,
    close : function (event, ui) {
        if (!$("ul.ui-autocomplete").is(":visible")) {
            $("ul.ui-autocomplete").show();
        }
    }
});

DEMO: http://jsfiddle.net/dirtyd77/AJtvJ/

Hope this helps!


here's a working example of how to do it : http://jsfiddle.net/4pk3V/

keep your autocomplete box open by searching the same input again whenever close event is triggered:

$( "#input" ).autocomplete({
    source: availableTags,

    close : function (event, ui) {
         val = $("#comment").val();
         $("#input").autocomplete( "search", val ); //keep autocomplete open by 
         //searching the same input again
         $("#input").focus();
        return false;  
    }
});