javascript - jQuery AJAXでクリックイベントを複数回生成できません

Question

   $('table tbody tr').click(function add_div() {
    if ($('#dynEdit').length > 0) {
        $('#dynEdit').remove();
        return false;
    }
    $(this).after('<div id="dynEdit"></div>');
    $.ajax(
        {
            url: '/TransJobAddress/EditAddress',
            datatype:'html',
            success: function(data,textStatus,jqXHR)
            {
                $('#dynEdit').html(data);
            },
            error:function( jqXHR, textStatus,errorThrown)
            {
                alert('The server saying:' + errorThrown);

            }
        });

});
$('#close').click(function closediv() {
    $('#addrIndex').load('/TransJobAddress/ListAddresses #addrIndex table');

});

これをmvcプロジェクトで使用しています

行をクリックすると、ajax を使用して編集ページを挿入できます。これは問題ありません。新しいレコードボタンを使用して新しいレコードを挿入すると、divタグにあるテーブルリストを Id="addrIndex" に置き換えています

新しいレコード ボックスの [キャンセル] ボタンをクリックすると、テーブル リストに戻ります。任意の行をもう一度クリックすると、何も機能しません。新しいレコードをキャンセルした後、行を複数回編集するにはどうすればよいですか。