Come impostare il focus sul campo di input utilizzando JQuery

Data la seguente struttura 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>

che verrà ripetuto più volte nella pagina, come imposto il focus sul campo di input nel file .bottom div quando un utente fa clic sul link nel .topdiv?

Attualmente sto realizzando il .bottom apparire correttamente div al clic utilizzando il codice JQuery di seguito, ma non riesco a capire come impostare lo stato attivo sul campo di input allo stesso tempo.

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

Grazie!

Prova questo per impostare lo stato attivo sul primo campo di input:

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

Se l'input si trova in una finestra di dialogo modale bootstrap, la risposta è diversa. Copiare da Come impostare lo stato attivo al primo input di testo in un modale bootstrap dopo aver mostrato questo è ciò che è richiesto:

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

La risposta di Justin non ha funzionato per me (Chromium 18, Firefox 43.0.1). jQuery di.focus() crea visiva, ma il cursore del testo non appare nel campo (jquery 3.1.0).

Ispirato da https://www.sitepoint.com/jqueryhtml5-input-focus-cursor-positions/ , ho aggiunto l' attributo autofocus al campo di input e voilà!

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