jquery - jQuery-replaceWithを2回使用しても機能しません

Question

jQueryを使用してHTML要素を別の要素に置き換えています。最初はうまく機能しますが、2回目は機能しません。なぜ2回目に機能しないのかわかりません。

誰かアイデアはありますか？

問題の例を次に示します。http： //jsfiddle.net/jfYLG/

---

jsfiddleの例のコード：

<div class="blaat">
    <div>woot</div>
</div>

<button class="work" type="button">Work</button>

$(function() {
    $clone = $('.blaat').clone().addClass('test');

    $('.work').click(function() {
        $('.blaat').replaceWith($clone);
    });
});

Answer 1

$(function() {
    $('.work').click(function() {
        $clone = $('.blaat').clone().addClass('test');
        $('.blaat').replaceWith($clone);
    });
});