jQuery UI Autocomplete - Arrows not toggling on the result list

Question

I have an autocomplete that's almost working as I want it to work. The problem that I have is that once I start searching for my items and I get a few suggestions, I would then like to use my arrows to click through the different suggestions. It toggles the different suggestions in the input field itself, but it doesnt move on to the list and "toggle" through them. This is my code function () { $("#geosearch").autocomplete({ minLength: 2, source: cities, focus: function (event, ui) { this.value = ui.item.label; event.preventDefault(); // Prevent the default focus behavior. }, select: function( event, ui ) { addLocation(ui.item); return false; } }); } What do I need to add to make it work? The funny thing is that all examples I find, have a working "arrow browsing" but my just wont do it :( JavaScript questions and answers, JavaScript questions pdf, JavaScript question bank, JavaScript questions and answers pdf, mcq on JavaScript pdf, JavaScript questions and solutions, JavaScript mcq Test , Interview JavaScript questions, JavaScript Questions for Interview, JavaScript MCQ (Multiple Choice Questions)

Answer 1

If by arrow browsing you are referring to traversing through the suggestion list using your keyboard's arrow keys, then I think your focus method is the one where the action will take place. Is there any particular reason why you added the "event.preventDefault();" in the focus event? It may be cancelling out the focus event from getting raised properly and notifying jqueryui to move the highlight on the selected item to the next/prev one.