Javascript MVC将数据表移动到输入

我正在尝试将数据从表中的选定行移动到MVC中的表单。我正在使用jqueryclick事件从表中检索数据并将其移动到表单中。单击事件正在工作，但它正在将数据移动到错误的字段。点击功能如下：

$(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放入状态字段，其余两个字段留空。以及包含数据的字段之间的字段为空。

可能不是所有DOM都已加载，请尝试将单击事件放入jQuery中

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

---

我尝试了jquery，但什么都没有发生。我曾经尝试过在这个项目上使用jquery一次，结果都是一样的。我的javascript将执行，但如果我尝试jquery，什么都不会发生。yu是否包含jquery.js？是的，visual studio在项目中包含jquery库。更新：我在jquery中添加了一个警报，在重建解决方案几次后，警报正在运行，但函数的其余部分似乎没有运行。另外，我在下一行代码中收到一个错误：

this.css（“背景色”，“蓝色”）

错误是这个HTML元素没有方法“css”解决方案：使用jquery确保DOM已完全加载。调整了childNode[]索引以匹配节点列表中的文本节点。