jquery - クリック関数は $(this) のクラスを変更し、2 回目のクリック関数は更新されたクラスを表示しません

Question

2 つのクリック関数があります。1 つは td.default を対象とし、2 番目は td.clicked を対象としています。どちらもクラス属性を「クリック」または「デフォルト」に変更します (そしてセル内のテキストを更新します)。クラスは最初のクリック関数から変更されていますが、td.click を探す 2 番目のクリック関数ではターゲットが見つかりません。

$("td.default").click(function() {
    $(this).attr('class','clicked');
    $(this).text("monkey");
    $("#ouput").append("td.default clicked<br/>"); //reporting message
});
$("td.clicked").click(function() {
    $(this).attr('class','default');
    $(this).text("empty");
    $("#ouput").append("td.clicked clicked<br/>"); //reporting message
});