Почему данные не сохраняются в базе данных

---

Привет,

У меня есть таблица, спроектированная с четырьмя столбцами с четырьмя текстовыми полями, я дал добавить еще возможность повторить 4 текстовых поля снова зависит от пользователя. Если я нажму на кнопку добавить еще 4 текстовых поля повторяются, но я ввел любые данные из второго столбца, которые не сохраняются в БД.

пожалуйста, помогите мне, как я могу хранить все данные в БД.
ниже приведен мой код

<table class="table" style="font-family:Verdana; width:80%" id="table1">

 <tr>
                <td>@Html.DisplayNameFor(model => model.attendanceHolidaySerialNumber)</td>
                <td>@Html.DisplayNameFor(model => model.attendanceHolidayDateorDay)</td>
                <td>@Html.DisplayNameFor(model => model.attendanceHolidayDetails)</td>
                <td>@Html.DisplayNameFor(model => model.attendanceHolidayType)</td>                
            </tr>
<pre lang="HTML"><tr class="data-contact-person">
                <td>@Html.EditorFor(model => model.attendanceHolidaySerialNumber, new { htmlAttributes = new { @class = "form-control " } })</td>
                <td>@Html.EditorFor(model => model.attendanceHolidayDateorDay, new { htmlAttributes = new { @class = "form-control " } })</td>
                <td>@Html.EditorFor(model => model.attendanceHolidayDetails, new { htmlAttributes = new { @class = "form-control" } })</td>
                <td>@Html.EditorFor(model => model.attendanceHolidayType, new { htmlAttributes = new { @class = "form-control " } })</td>
                <td>
                    <button type="button" id="btnAdd" class="btn btn-xs btn-primary classAdd">Add More</button>
                </td>
            </tr>

<br />
<script type="text/javascript"><br />
<br />
    $(document).ready(function () {<br />
        $(document).on("click", ".classAdd", function () {<br />
            var rowCount = $('.data-contact-person').length + 1;<br />
            var contactdiv = '<tr class="data-contact-person">' +<br />
                '<td>@Html.EditorFor(model => model.attendanceHolidaySerialNumber, new { htmlAttributes = new { @class = "form-control " } })' + rowCount + '  </td>'+ <br />
                '<td>@Html.EditorFor(model => model.attendanceHolidayDateorDay, new { htmlAttributes = new { @class = "form-control " } })' + rowCount + '</td>'+ <br />
                '<td>@Html.EditorFor(model => model.attendanceHolidayDetails, new { htmlAttributes = new { @class = "form-control" } })' + rowCount + '</td>' +<br />
                 '<td>@Html.EditorFor(model => model.attendanceHolidayType, new { htmlAttributes = new { @class = "form-control " } })' + rowCount + '</td>' +<br />
                '<td><button type="button" id="btnAdd" class="btn btn-xs btn-primary classAdd">Add More</button>' +<br />
                '<button type="button" id="btnDelete" class="deleteContact btn btn btn-danger btn-xs">Remove</button></td>' + <br />
                '</tr>';<br />
            $('#table1').append(contactdiv); // Adding these controls to Main table class<br />
        });<br />
    });<br />
</script><br />
<script><br />
$(document).on("click", ".deleteContact", function () {<br />
            $(this).closest("tr").remove(); // closest used to remove the respective 'tr' in which I have my controls<br />
});<br />
</script><br />

Что я уже пробовал:

Я размещаю свой код в окне описания проблемы, потому что я не мог знать формат, как разместить код в окне what have you tried.

Пожалуйста, предложите мне. Как я могу хранить данные в базе данных?

спасибо

---