site.js和局部视图

Question

我已经将所有JavaScript都移至.NET核心项目中的site.js文件中。 我的主要主视图是通过ajax调用向其中注入部分视图。

// Partial View
<div class="refTable titlepadding" style="display:none"></div>

  //Details
function getDetails(obj) {

    $.ajax({
        url: '@Url.Action("SubpoenaEditRequest", "Participant")',
        contentType: 'application/html; charset=utf-8',
        type: "GET",
        dataType: "html",
        data: { id: obj.id },
        success: function (result) {
            $('.refTable').empty();
            $('.refTable').html(result).slideDown('slow');
            $('#submitbtn').hide();
        }
    });
}  

我正在尝试捕获部分视图中加载的元素，但是我的JavaScript已经加载，并且看不到页面上当前的ID。因此，当我提交时，我无法捕获这些值。我不确定我要去哪里错了，但是任何帮助将不胜感激。

$('#submitbtn').on('click', function () {
var data = {
    userid: $('#LoggedInUser_Id').val(),
    fullname: $('#fullName').val(),
    dob: $('#dob').val(),
    ssn: $('#ssn').val(),
    jdnumber: $('#JdNumber').val(),
    DueDate: $('#DueDate').val()
}

console.log(data)
$.ajax({
    url: 'https://localhost:44346/participant/SubpoenaSubmitRequest',
    method: 'POST',
    dataType: 'json',
    data: data,
    success: function (response) {
        $('.refTable').empty();
        $('.refTable').html(result).slideDown('slow');
    }
});

}）;