Wie fügt man mit jQuery eine neue Zeile in eine HTML-Tabelle ein?

Hallo zusammen! Ich bin neu in JavaScript und jQuery und habe ein Problem bei der Arbeit mit HTML-Tabellen. Ich habe eine einfache Tabelle, in die ich dynamisch Zeilen hinzufügen muss, wenn ein Button geklickt wird. Ich habe mehrere Methoden ausprobiert, aber nichts funktioniert richtig. Hier ist mein Code: ```html

Name	Alter
Ivan	25

Zeile hinzufügen ``` ```javascript $('#addRow').click(function() { // So habe ich es versucht: $('#myTable').append('Neu30'); // Und so: $('#myTable tr:last').after('Neu30'); }); ``` Das Problem ist, dass die Zeile entweder an der falschen Stelle (im Tabellenkopf) hinzugefügt wird oder die Struktur zerstört. Könnt ihr mir sagen, wie ich eine neue Zeile korrekt in einfüge, sodass sie nach den vorhandenen Daten erscheint? Am liebsten mit einer Erklärung.