jquery - jQueryはクラスの削除を理解できません-クラスの追加

Question

誰かが私のコードのエラーを見ることができることを願っています。

シナリオ: データベースをチェックして、sname が存在するかどうかを確認します。存在する場合は、「スクリーン名は既に使用されています」を返し、それ以外の場合は「スクリーン名は使用可能です」を返します。

結果は返されますが、removeClass/addClass が期待どおりに機能していません。

function ChkScrNmAvblty(sname) {

    $.ajax({
        url: 'includes/checkScreenName.asp',
        data: 'sname=' + sname,
        success: function(data) {

            $("#scaResult").html(data);

            if (data == "Screen Name is Already Taken") {
                $('#scaResult').removeClass('grn').addClass('red');
            }
        }
    });
}