Не получить список таблиц в массиве ajax

Question

Может кто-нибудь сказать мне, где я не прав. Я использовал этот пример кода в моем другом проекте, он работает нормально, но в моем текущем проекте, когда я его использую, он просто выбирает первые значения из массива, но я хочу получить все значения списка из массива! Надеюсь, вы понимаете, о чем я говорю. Если вам нужно спросить что-то еще об этом, пожалуйста, прокомментируйте.

<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script>
    $(document).ready(function(){
        $("#btn").click(function () {
            var degree = $(".txtcourse").val();
            var institute = $(".txtinstitute").val();
            var title = $(".txttitle").val();
            var from = $(".fromdate").val();
            var to = $(".todate").val();
            $("tbody").append("<tr>" + "<td>" + degree + "</td>" + "<td>" + institute + "</td>" + "<td>" + title + "</td>" + "<td>" + from + "</td>" + "<td>" + to + "</td>" + + "<td>" + "<td><button  name='record' type='button'><i class='fa fa-trash fa-sm'></i></button></td>" + "</tr>");
        });
        //$("button").click(function () {
        //    $("tbody").find('input[txtcourse="record"]').each(function () {
        //            $(this).parents("tr").remove();
        //    });
        //});
        $("#eduadd").on("click", function () {
            debugger;
            var txtcourse = Array();
            var txtinstitute = Array();
            var txttitle = Array();
            var fromdate = Array();
            var todate = Array();
            $(".txtcourse").each(function (i, v) {
                txtcourse.push($(this).val());
            });
            $(".txtinstitute").each(function (i, v) {
                txtinstitute.push($(this).val());
            });
            $(".txttitle").each(function (i, v) {
                txttitle.push($(this).val());
            });
            $(".fromdate").each(function (i, v) {
                fromdate.push($(this).val());
            });
            $(".todate").each(function (i, v) {
                todate.push($(this).val());
            });

            var postData = {
                course: txtcourse, institute: txtinstitute, title: txttitle, frmdate: fromdate, tdate: todate
            };
            $.ajax({
                type: "POST",
                url: "/GuardEduaction/SaveEducation",
                data: postData,
                success: function (data) {
                    alert("saved");
                },
                error: function (data) {
                    alert("Error");
                },
                dataType: "json",
                traditional: true });
        });
    });
    </script>