javascript - タグが置き換えられるとjQueryがクリックハンドラを呼び出せないのはなぜですか?

Question

凡例をクリックすると、その内容が新しい凡例に置き換えられます。しかし、それをクリックしても、新しいものはクリックハンドラーを呼び出しません!

js Fiddle へのリンクは次のとおりです: http://jsfiddle.net/CfkKk/2/

HTML:

<fieldset class="MyClass">
<legend class="MyClass">
     My Class (click on me)
</legend>
</fieldset>

CSS:

legend.MyClass:hover {
cursor: pointer;
color: blue;
}
legend.MyNewClass:hover {
cursor: pointer;
color: blue;
}

JS:

$('legend.MyClass').click(function() {
    var fieldset = $('fieldset.MyClass');
    var legend = fieldset.find('legend');
    var newLegend = "<legend class=\"MyNewClass\"" 
        + "<h3>My New Class (click on me again)</h3>"
        + "</legend>";
    legend.replaceWith(newLegend);
});

$('legend.MyNewClass').click(function() {
    alert('this is a new class');
});