jQuery - Using replaceWith twice doesn't work
<p>I'm using jQuery to replace a HTML element with another element. It works great the first time, but not the second time. I have no idea why it doesn't work the second time.</p>

<p>Anyone any idea?</p>

<p>Here's an example of the problem:
<a href="http://jsfiddle.net/jfYLG/" rel="nofollow">http://jsfiddle.net/jfYLG/</a></p>

<hr>

<p>The code from the jsfiddle example:</p>

<pre><code>&lt;div class="blaat"&gt;
    &lt;div&gt;woot&lt;/div&gt;
&lt;/div&gt;

&lt;button class="work" type="button"&gt;Work&lt;/button&gt;

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

    $('.work').click(function() {
        $('.blaat').replaceWith($clone);
    });
});
</code></pre>
