Caret / Cursor is not [really] take focus after .focus() using JQuery

i'm trying to set the focus to the next input box after the user select a value from the autocomplete drop down (using jquery).

so the code look like this:

function showElement(elementName) { $(elementName).show('blind', onEl开发者_高级运维ementDisplay(elementName)); }

 function onElementDisplay(elementName) {
     $(elementName).focus();
 }

so i would expect to see the cursor/caret blinking on the element that was displayed at the end of the function, hence the user can start type in, however, it doesn't happen.

anything i'm missing here?

The second argument is a callback (type Function). You are passing it the return of onElementDisplay, which would be undefined.

Add an anonymous function wrapper.

function showElement(elementName) { 
    $(elementName).show('blind', function(){
        onElementDisplay(elementName); 
    });
}

function onElementDisplay(elementName) {
    $(elementName).focus();
}