Le sélecteur jQuery ne se met pas à jour après l'ajout dynamique de nouveaux éléments

Mon sélecteur est:

$('section#attendance input:last')

Cependant, j'ai ajouter une autre entrée à la section#fréquentation. Je veux le sélecteur à maintenant, sélectionnez cet élément (comme il se doit, en raison de la :last. Cependant, pour une raison quelconque, il n'a pas, et je ne sais pas trop pourquoi?

Voici mon code complet:

$('section#attendance input:last').keydown(function(e) {
        if (e.which == 9)
        {
            var $this = $(this);
            var num = parseInt($this.attr('name').match(/\d+(,\d+)?/)[0]) + 1;
            $this.parent().append('<input type="text" name="attendance[' + num +']" value="Name and Position" class="medium" />');
        }
    });

Nouveau Code:

    $("section#attendance").on("keydown", "input:last", function(e) {
    if (e.which == 9) {
        var $this = $(this);
        var num = parseInt($this.attr('name').match(/\d+(,\d+)?/)[0]) + 1;
        $this.after('<input type="text" name="attendance[' + num +']" value="Name and Position" class="medium" />');
    }
});

EDIT: Le problème semble être sur "entrée:dernier", qu'il fonctionne si je viens d'utiliser l'entrée. Aussi, si j'ajoute de la classe de la "dernière" pour le dernier élément, il fonctionne lorsque je utiliser l'entrée.dernier " comme un sélecteur.

source d'informationauteur chintanparikh