jquery - replaceWith() でテキストを変更する

Question

セルの1つをクリックすると、そのテキストコンテンツが既に保存されている値に置き換えられ、おそらく別のセルを2回クリックすると、クリックされたセルテキストが前のクリックのセルに変更されるテーブルを作成しようとしています。

最初の反復では成功しましたが、2 回目の反復では、削除されたセルの値が null として格納される理由がわかりません。これが私が試したことです：

html:

<table>
    <tr id="l1">
        <td><span>opA</span></td>
    </tr>
    <tr id="l2">
        <td><span>OpB</span></td>
    </tr>
    <tr id="l3">
        <td><span>OpC</span></td>
    </tr>               
    <tr id="l4">
        <td><span>OpD</span></td>
    </tr>
</table>

jQuery:

   var removed="firstchange";
     var removed2;
$("#l1, #l2, #l3, #l4").click(function() {
    if($(this).attr("id")=="l1"){
        removed2=$('#l1').find("span").text();
        $('#l1').find("span").replaceWith(removed);
        removed=removed2;
    }else if($(this).attr("id")=="l2"){
        removed2=$('#l2').find("span").text();
        $('#l2').find("span").replaceWith(removed);
        removed=removed2;
    }else if($(this).attr("id")=="l3"){
        removed2=$('#l3').find("span").text();
        $('#l3').find("span").replaceWith(removed);
        removed=removed2;
    }else if($(this).attr("id")=="l4"){
        removed2=$('#l4').find("span").text();
        $('#l4').find("span").replaceWith(removed);
        removed=removed2;
    }   
});