javascript - テキストとリンクを切り替える

Question

実際には同じ p-tag 内にあるリンクをクリックしたときに、p-tag 内のテキストを変更したいと考えています。

例：

var isMail = 0;
$('.switchto').click(function(evt) {
    evt.preventDefault();
    if(isMail == 0) {
        $(this).parent().html("oder doch lieber einen <a href='#' class='switchto'>Facebook Freund</a>");
        isMail = 1;
    } else {
        $(this).parent().html("oder lieber <a href='#' class='switchto'>E-Mailadresse eingeben</a>");
        isMail = 0;
    }

});

HTML:

<p>oder lieber <a href="#" class="switchto">E-Mailadresse eingeben</a></p>

これが正しく機能しないのはなぜですか? 何か不足していますか？これを行う簡単な方法はありますか？ありがとう！