Управление не входит в функцию jquery

Question

@model DynamicRowAdd.Models.Test 

@{ 
    ViewBag.Title = "Index"; 
} 
<script src="~/Scripts/jquery-1.10.2.js"></script> 
<script src="~/Scripts/jquery-1.10.2.min.js"></script> 

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#myButton").click(function() { 
      alert('hi'); 
      // Create elements dynamically 
      var newRow = "<tr><td>'@Html.TextBoxFor(x => x.Id, new { @Value = "1" })'</td><td>'@Html.TextBoxFor(x => x.Name, new { @Value = "Abcd" })'</td></tr>"; 
      alert(newRow); 
      // Add the new dynamic row after the last row 
      $('#myTable tr:last').after(newRow); 
     }); 

    }); 


</script> 

<h2>Index</h2> 

<table id="myTable"> 
    <tr> 
     <td> 
      @Html.TextBoxFor(Model => Model.Id, new { @Value = "1" }) 
     </td> 

     <td> 
      @Html.TextBoxFor(Model => Model.Name, new { @Value = "Abcd" }) 
     </td> 
    </tr> 
</table> 

<button id="myButton">Add New Row</button> 

Приведенный выше код, когда я пытаюсь запустить, я получаю привет как предупреждение. Следующий код - это когда нажата кнопка, которая не срабатывает. элемент управления не входит в функцию. Зачем.? Я делаю что-то неправильно.

Answer 1

используйте метод Append нет необходимости указывать какие-либо тр .. если и хотят, чтобы вставить тр в beggining использовать PREPEND()

$('#myTable').append(newRow); 

Answer 2

$(document).ready(function(){ 

//Write your code here 

}); 

JS Fiddle