Как заполнить выделение сетки в текстовом поле.

---

У меня есть кнопка Создать страницу и показать, которую ajax вызывает Grid page. На странице сетки у меня есть код Jquery для заполнения выбора сетки в текстовых полях, который отлично работает индивидуально, но на странице создания он не работает. Здесь есть помощь ?

Что я уже пробовал:

@*AJAX CODE IN CREATE PAGE*@



    $(document).ready(function() {
        $("#btnShow").click(function () {
            $.ajax({
                url: '@Url.Action("Grid","bankinfoes")',
                type: 'get',
                success: function (vHtml) {
                    $("#dvShow").html("");
                    $("#dvShow").html(vHtml);
                    
                    
                    
                }
            });
            

         });
    });
     
-----------------------------------------------
Grid Page


    $(function() {
            
                $('#webgrid1').find('tr').on('click', function() {
                
                $("#Id").val($(this).children("td:eq(0)").html());
                
                $("#bankname").val($(this).children("td:eq(1)").html());
               
                $("#accountholdername").val($(this).children("td:eq(2)").html());
                
                $("#address").val($(this).children("td:eq(3)").html());
               
                $("#area").val($(this).children("td:eq(4)").html());
                
            });
        });
@{
    ViewBag.Title = "Bind Gridview with Database";
    WebGrid grid = new WebGrid(Model);
}

<h2>Bind GridView in MVC5 with Database</h2>
@grid.GetHtml(tableStyle: "webgrid",
       htmlAttributes: new { id = "webgrid1" },
            headerStyle: "header",
            alternatingRowStyle: "alt",
            columns: grid.Columns

(

    grid.Column("Id", "Id", canSort: true),
    grid.Column("bankname", "bankname", canSort: false),
    grid.Column("accountholdername", "accountholdername", canSort: false),
    grid.Column("address", "address", canSort: false),
    grid.Column("area", "area")


)
)

<table><tbody><tr>        <td>Bankname</td>        <td></td>    </tr>    <tr>        <td>accountholdername</td>        <td></td>    </tr>    <tr>        <td>address</td>        <td></td>    </tr>    <tr>        <td>area</td>        <td></td>    </tr></tbody></table>

---

$('#webgrid1').find('tr').on('click', function() {

$("#Id").val($(this).children("td:eq(0)").html());

$("#bankname").val($(this).children("td:eq(1)").html());

$("#accountholdername").val($(this).children("td:eq(2)").html());

$("#address").val($(this).children("td:eq(3)").html());

$("#area").val($(this).children("td:eq(4)").html());

});

        // keep an alert in the event and check whether it is hitting on clicking the row
        $('#webgrid1').find('tr').on('click', function() {
            alert('0')