site.js и частичные виды

Question

Я переместил весь свой javascript в файл site.js в основном проекте .NET.У меня есть мой основной домашний вид, в который я вставляю частичные представления с помощью вызовов 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 уже был загружени не видит идентификаторы, которые в настоящее время находятся на странице.Поэтому, когда я делаю свою заявку, я не могу захватить значения.Я не уверен, где я иду не так, но любая помощь будет высоко ценится.

$('#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');
    }
});

});