How to save dynamically added rows in MVC

 foreach (var i in Model)
                       {  <table><tbody><tr><td>@Html.TextBoxFor(a =>a[j].IRateCode, new { id = "RateCode", @class = "form-control", autocomplete = "off" })</td></tr></tbody></table>
}

from 2nd row i dynamically add like this: this didn't save into db.
  <script type="text/javascript">
            $(document).ready(function () {
                $(document).on("click", ".classAdd", function () { //on is used for getting click event for dynamically created buttons

                    var rowCount = $('.data-contact-person').length + 1;
                    var contactdiv = '<tr class="data-contact-person">' +
                '<td><input type="text" name="i-name" class="form-control i-name01" /></td>' +

                                    '<td><input type="text" name="['+rowCount+'].IRateCode" class="form-control ir-code01" /></td>' +
                                    '<td><input type="text" id="ItemCode" name="[' + rowCount + '].ItemCode" class="form-control i-code01" /></td>' +
                                    '<td><input type="text" id="QtyRequested" name="[' + rowCount + '].QtyRequested" class="form-control qty-req01" /></td>' +
                '<td><button type="button" id="btnAdd" class="btn btn-xs btn-primary classAdd">Add More</button>' +                
                '</tr>';
                    $('#maintable').append(contactdiv); // Adding these controls to Main table class
                });
</script>
 
Controller:
<pre lang="cs">[HttpPost]
        [ValidateAntiForgeryToken]
        public ActionResult Create(List<mrdtl> ci)
        {
foreach (var i in ci)
                    {
                        dc.MRDtl.Add(i);
                    }

                    dc.SaveChanges();
}