كيفية إضافة صف جديد إلى جدول HTML باستخدام jQuery؟

مرحبًا بالجميع! أنا مبتدئ في JavaScript وjQuery، وواجهت مشكلة أثناء العمل مع جداول HTML. لدي جدول بسيط أحتاج إلى إضافة صفوف إليه ديناميكيًا عند النقر على زر. جربت عدة طرق، لكن لا شيء يعمل كما ينبغي. إليك الكود الخاص بي: ```html

الاسم	العمر
إيفان	25

إضافة صف ``` ```javascript $('#addRow').click(function() { // جربت هكذا: $('#myTable').append('جديد30'); // وهكذا: $('#myTable tr:last').after('جديد30'); }); ``` المشكلة هي أن الصف يُضاف إما في المكان الخطأ (في رأس الجدول)، أو يُفسد الهيكل تمامًا. أرجو إرشادي حول كيفية إضافة صف جديد بشكل صحيح داخل ``، بحيث يأتي بعد البيانات الموجودة؟ يُفضل مع شرح.