Як встановити фокус на полі введення за допомогою 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>

що повториться кілька разів на сторінці, як я можу встановити фокус на полі введення в .bottomдіві, коли користувач натискає на посилання в .topdiv?

Наразі я дію .bottomуспішно з’являється при натисканні за допомогою коду JQuery нижче, але не можу зрозуміти, як одночасно встановити фокус на полі введення.

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

Дякую!

Спробуйте це, щоб встановити фокус на перше поле введення:

$(this).parent().siblings('div.bottom').find("input.post").focus();

Якщо вхід знаходиться в діалоговому вікні модального завантаження, відповідь відрізняється. Копіювання з пункту Як встановити фокус на перше введення тексту в режимі завантажувальної програми після відображення цього потрібно:

$('#myModal').on('shown.bs.modal', function () {
  $('#textareaID').focus();
})  

Відповідь Джастіна не спрацювала для мене (Chromium 18, Firefox 43.0.1). jQuery's .focus()створює візуальну підсвітку, але текстовий курсор не з’являється в полі (jquery 3.1.0).

Натхненний https://www.sitepoint.com/jqueryhtml5-input-focus-cursor-positions/ , я додав атрибут автофокусування до поля введення та вуаля!

function addfield() {
    n=$('table tr').length;
    $('table').append('<tr><td><input name=field'+n+' autofocus></td><td><input name=value'+n+'></td></tr>');
    $('input[name="aa"'+n+']').focus();
}