Cara Mengatur Fokus pada Input Field menggunakan JQuery

Diberikan struktur HTML berikut:

<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>

yang akan diulang beberapa kali pada halaman, bagaimana cara mengatur fokus pada bidang input di .bottomdiv saat pengguna mengklik link di .topdiv?

Saat ini saya membuat .bottomdiv muncul dengan sukses saat diklik menggunakan kode JQuery di bawah ini, tetapi tampaknya tidak dapat menemukan cara mengatur fokus pada bidang input pada saat yang sama.

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

Terima kasih!

Coba ini, untuk mengatur fokus ke kolom input pertama:

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

Jika masukan kebetulan berada dalam dialog modal bootstrap, jawabannya berbeda. Menyalin dari Cara Mengatur fokus ke input teks pertama dalam modal bootstrap setelah ditampilkan, inilah yang diperlukan:

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

Jawaban Justin tidak berhasil untuk saya (Chromium 18, Firefox 43.0.1). jQuery .focus()membuat sorotan visual, tetapi kursor teks tidak muncul di lapangan (jquery 3.1.0).

Terinspirasi oleh https://www.sitepoint.com/jqueryhtml5-input-focus-cursor-positions/ , saya menambahkan atribut autofocus ke bidang input dan voila!

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();
}