MVC Перемещение формы данных Таблица для ввода

Question

Я пытаюсь переместить данные из выбранной строки таблицы в форму в MVC. Я использую событие нажатия jquery, чтобы извлечь данные из моей таблицы и переместить их в мою форму. Событие click работает, но перемещает данные в неправильные поля. Вот функция щелчка:

$(document).ready(function () {
    $(".innerTbltr").click(function () {
        alert("Event handle.");
        //this.css("background-color", "#E8EEF4");
        $("#firstName").val(this.childNodes[0].innerHTML);
        $("#lastName").val(this.childNodes[1].innerHTML);
        $("#address1").val(this.childNodes[2].innerHTML);
        $("#address2").val(this.childNodes[3].innerHTML);
        $("#city").val(this.childNodes[4].innerHTML);
        $("#state").val(this.childNodes[5].innerHTML);
        $("#zip").val(this.childNodes[6].innerHTML);
        $("#birthDate").val(this.childNodes[7].innerHTML);
    });
});

Форма настроена так:

<form>
  <input id="firstName" type="text"/>
  <input id="lastName" type="text"/>
  <input id="address1" type="text"/>
  <input id="address2" type="text"/>
  <input id="city" type="text"/>
  <input id="state" type="text"/>
  <input id="zip" type="text"/>
  <input id="birthDate" type="text"/>
</form>

В настоящее время имя вводится в поле фамилии. Фамилия вводится в поле адреса 1. Адрес 1 помещается в поле состояния, а оставшиеся два поля остаются пустыми. А также поля между полями, в которых есть данные, не заполнены.

Answer 1

Возможно, загружены не все DOM. Попробуйте поместить событие click в jQuery

 $(document).ready(function(){
//the click event here 
}); 

.