jquery - .val().toLowerCase() を正しく動作させるには?

Question

jqueryでエラーを表示するのに苦労しています。ユーザーが入力したメールを確認したい。基本的に、ユーザーがフィールドに正しく入力しないと、エラーが表示されます。

ユーザーに両方のフィールドに同じ入力テキストを入力してもらいたい。ユーザーがそうでない場合は、「email_confirm」入力の下に「電子メールが同じではありません」というエラーを表示したいと思います。もしそうなら、私はこのエラーを隠したいです。

ここに私が作ったフィドルがあります： http://jsfiddle.net/5ZjwW/1/

これは私のjqueryコードです:

 $("#email").blur(function ()
{
    if ($("#email").val() == "")
    {
        $("#err1_email").removeClass("hidden");
        $("#err2_email").addClass("hidden");
    }
    else
    {
        $("#err1_email").addClass("hidden");
        if (!emailregex.test($('#email').val()))
        {
            $("#err2_email").removeClass("hidden");
        }
        else
        {
            $("#err2_email").addClass("hidden");
        }
    }
})
$("#email_confirm").blur(function ()
    {
        if ($("#email_confirm").val() == "")
        {
            $("#err1_confirmemail").removeClass("hidden");
        }
        else
        {
            $("#err1_confirmemail").addClass("hidden");
            if ($("email_confirm").val().toLowerCase() != $("email").val().toLowerCase())
            {
                $("#err2_confirmemail").removeClass("hidden");
            }
            else
            {
                $("#err2_confirmemail").addClass("hidden");
            }
        }
    })

どうもありがとうございました。