jQuery - 使用replaceWith两次不起作用

Question

我正在使用jQuery将HTML元素替换为另一个元素。它第一次效果很好，但不是第二次。我不知道为什么它第二次不起作用。

任何任何想法？

这里的问题的一个例子： 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); 
    }); 
});