Я хочу привязать значение данных, заполненных всплывающим окном в cs html и ajax, и отправить его в серверную часть

Question

Это код таблицы, которую я использую. Здесь все данные заполняются из моей БД. Когда я нажимаю эту ссылку, полученную отметкой, она откроет новое окно.

<table class="table table-striped table-bordered" id="ScheduledCheckTable">
    <thead class="tbl-head">
        <tr>
            <th colspan="8" scope="col">SHEDULED CHECK PAYMENTS</th>
        </tr>
    </thead>
    <tr>
        <th scope="col">PAYMENT#</th>
        <th scope="col">PAYMENT DUE DATE</th>
        <th scope="col">INVOICE#</th>
        <th scope="col">AMT SCHEDULED</th>
        <th scope="col">PAYMENT FEE</th>
        <th scope="col">RECEIVED</th>
        <th scope="col">CANCEL</th>
        <th scope="col">NOTES</th>
    </tr>
    <tbody>

        @if (Model.GCBSheduledCheckPay != null)
        {
            foreach (var item in Model.GCBSheduledCheckPay)
            {
                <tr>
                    <td>@item.PurchaseID / @item.GCPurchaseInstalmentId</td>
                    <td>@item.PaymentDueDate.ToString("MM/dd/yyyy")</td>
                    <td>@item.InvoceNo </td>
                    <td>$@item.AmountScheduled</td>
                    <td>$@item.PaymentFee</td>
                    <td><a href="#" data-target="#exampleModalCenter" data-toggle="modal"><u>MARK RECIEVED</u></a></td>
                    <td><a onclick="cancelThePayment(this)" id=@item.GCPurchaseInstalmentId><u>Cancel</u></a></td>
                    <td>@item.Note</td>
                </tr>
            }
        }
    </tbody>
</table>

Это мое всплывающее окно :

<div class="modal fade" id="exampleModalCenter" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLongTitle">RECIEVED INFO</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <table class="table table-bordered">
                    <tbody>
                        <tr>
                            <td>Date Received</td>
                            <td>
                                <div class='input-group date' id='datetimepicker5'>
                                    <input type='text' class="form-control" id="recievedDate" />
                                    <span class="input-group-addon">
                                        <span class="glyphicon glyphicon-calendar"></span>
                                    </span>
                                </div>
                            </td>

                        </tr>
                        <tr>

                            <td>Amt Received</td>
                            <td>
                                <div class="form-group">  <input type="text" class="form-control" id="usrAmount"></div>
                            </td>

                        </tr>
                        <tr>

                            <td>Check Number</td>
                            <td>    <div class="form-group">  <input type="text" class="form-control" id="usrCheck"></div>          </td>

                        </tr>
                        <tr>

                            <td>Notes</td>
                            <td>      <div class="form-group">  <input type="text" class="form-control" id="usrNotes"></div>       </td>

                        </tr>

                    </tbody>
                </table>

            </div>
            <div class="modal-footer">

                <button type="button" class="btn btn-primary"   onclick="recievedMark()">MARK RECIEVED  </button>
            </div>
        </div>
    </div>
</div>

Я хочу связать значение @ item.GCPurchaseInstalmentId в приведенной выше таблице с этим всплывающим окном и отправить его в бэкэнд. Так что, пожалуйста, помогите мне сделать это

Код ниже является функцией reccedMark () для отправки данных на бэкэнд:

 function recievedMark() {
        //debugger;
        var date = $("#recievedDate").val();
        var check = $("#usrCheck").val();
        var amount = $("#usrAmount").val();
        var notes = $("#usrNotes").val();
        var recieved = {};
        
 
        

        recieved.DateReceived = date;
        recieved.Check = check;
        recieved.AmtCollected = amount;
        recieved.notes = notes;


        $.ajax({
            url: '@Url.Action("MarkRecieved","GroupClass")',
            type: "post",
            dataType: "json",
            contentType: "application/json",
            data:  JSON.stringify({
                p: recieved,
                payorid:@ViewBag.payorid
                


            }),
            success: function (response) {
                alert(response.a, response.d, response.check, response.note);

            }
        })
    }