Impossible de supprimer le contenu ajouté de manière dynamic avec jQuery

J’utilise jQuery pour permettre aux utilisateurs d’append et de supprimer de manière dynamic des champs de formulaire, mais cela ne fonctionne pas correctement.

Cela fonctionne parfaitement bien lorsque vous supprimez le premier champ (qui est codé en dur dans le balisage HTML), mais cela ne me permet pas de supprimer les champs qui ont été ajoutés dynamicment.

Voici mon code jQuery:

$("#addDog").click(function(event) { event.preventDefault(); var doglist = ; var newdog = '
' + doglist + 'Remove dog
'; $(this).parent().before(newdog); }); $(".deleteDog").click(function(event) { event.preventDefault(); $(this).parent().remove(); });

J’ai essayé d’utiliser la fonction .on() de jQuery, mais cela n’a pas fonctionné non plus.