Как установить фокус на поле ввода с помощью JQuery

Учитывая следующую структуру HTML:

<div class="wrapper">
    <div class="top">
        <a href="http://example.com" class="link">click here</a>
    </div>
    <div class="middle">
        some text
    </div>
    <div class="bottom">
        <form>
            <input type="text" class="post">
            <input type="submit">
        </form>
    </div>
<div>

которая будет повторяться несколько раз на странице, как мне установить фокус на поле ввода в div .bottom , когда пользователь щелкает ссылку в .top div?

В настоящее время я создаю div .bottom , успешно появляющийся при щелчке, используя приведенный ниже код JQuery, но, похоже, не могу понять, как одновременно установить фокус на поле ввода.

$('.link').click(function() {
    $(this).parent().siblings('div.bottom').show();
});

Спасибо!

100
задан rolling stone 18 July 2011 в 20:06
поделиться