Получить значение текстового поля из текущей строки JQuery datatable

Question

Я использую Jquery datatable в моем ASP.Net MVC приложении, которое инициализируется, как показано ниже.

var table = $('#example').DataTable({
        "ajax": '@Url.Action("GetProjectsList", "Profile", new { country = ViewBag.country})',
        dom: 'Bfrtip',
        "dataSrc": "",
        responsive: true,
        buttons: [
            'pageLength', 'excel'
        ],
        "columns": [
            { "data": "IPAName" },
            { "data": "SourceCountry" },
            { "data": "DestinationCountry" },
            {
                title: "Markup ", "data": "SecretKey",
                render: function (data, type, row) {
                    return '<input class="form-control" id="SecretKey" type="text"/>';
                }
            },
            {
                "data": null,
                "defaultContent": "<a class='view_value'><i class='fa fa-eye'></i></a>"
            }
        ],
    });

, а html определяется как

<div class="container mt-2">
    @Html.ActionLink("Add New User", "Register", "User", null, new { id = "NewUserBtn" })
    <table id="example" class="display bootstrap" style="width:100%">
        <thead>
            <tr>
                <th>IPA Name</th>
                <th>Investment From</th>
                <th>Investment To</th>
                <th>Secret Key</th>
                <th>Actions</th>
            </tr>
        </thead>
    </table>
</div>

Мне нужно получить значение, которое пользователь вводит в текстовое поле каждой строки, когда пользователь нажимает кнопку «Просмотр». Я пробовал приведенный ниже код, но значение не отображается в столбце секретного ключа.

 $('#example tbody ').on('click', 'a.view_value', function () {
        var data = table.row($(this).parents('tr')).data();
    });

Так выглядит пользовательский интерфейс.