js replaces the text in the current tr column with a form

    function tal(obj){    
        //Locate the current tr
        var tds = $( obj ).parent().parent();
        var td=tds.find( "td" );
        
        //Get the current td value
        var td1=td. eq(0).html();
            var td2=td.eq(1).html();
        
        //Define the form in td
        var tdvalue1="<input id='td1' type='text' value='" +td1+"'>";
        var tdvalue2="<input id='td2' type='text' value='"+td2+"'>";
        var tdvalue3="<input type='submit' value='Submit' onclick='talvalue(this)'>";
        
        //
        Reassign td.eq(0).html(tdvalue1);
        td.eq(1).html(tdvalue2);
        td.eq(2).html(tdvalue3);
    }
    
    function talvalue(obj){
        //Locate the current tr
        var tds = $( obj ).parent().parent();
        var td=tds.find( "td" )
        
        //Get the form value
        var data1=$("#td1").val( );
        var data2=$("#td2").val();
        
        //
        Reassign td.eq(0).html(data1);
        td.eq(1).html(data2);
        td.eq(2 ).html("<input type='submit' value='modify' onclick='tal(this)'>");
    }