adding rows dynamically to an html table using JQuery in Asp.Net C#

$("#dynamicTable").append("<table id='dynatab' class='dynatab'><tr><td class='firsttd'>Agency</td><td class='firsttd'>UserName</td><td class='firsttd'>ID</td></tr></table>");

            employees = [
            { "Agency": "Cronus", "Username": "Sibi", "ID": "1" },
            { "Agency": "VSNB", "Username": "Vetri", "ID": "2" },
            { "Agency": "IIC", "Username": "Kamatchirajan", "ID": "3"}];


            for (var i = 0; i < employees.length; i++) {
                $(".dynatab").append("<tr class='dynaTR'><td>" + employees[i].Agency + "</td><td>" + employees[i].Username + "</td><td>" + employees[i].ID + "</td></tr></table>");
            }