jQuery focus()不工作

Question

当用户单击网站上的搜索(放大镜)图标时，搜索栏将滑入视图。在搜索栏滑下后，我希望光标在搜索栏中开始闪烁，这样用户就可以立即开始输入。但是我不能让光标移动到搜索栏。我已经尝试了所有我能想到的让它工作的方法！

The website (search icon is in the header)

jQuery代码：

jQuery(document).ready(function() {
    //show/hide search bar on icon click
    jQuery('#search-icon').click(function(e) {
        e.preventDefault();
        jQuery('#mobile-nav').css('display','none');
        jQuery('#search-box').slideToggle('fast',function() {
            if (jQuery('#search-box').css('display') == 'block') {
                window.setTimeout(function() {
                    jQuery('#search-box').focus().val(jQuery('#search-box').val());
                }, 0);
            }
        });
    });
});