javascript - JavaScriptパスワードメーターが増加しない

Question

これはここで頻繁に質問されることは知っていますが、特にデザインパターンに関連しているとは思いませんが、私の愚かさにもっと関連していると思います。

これにはおそらくばかばかしいほど簡単な解決策がありますが、私は疲れていて、少し頭に浮かび始めています. 私はコンソールでそれを起動し、それに応じて応答しますが、入力に何かを入力しても応答しません。

ここにJSがあります

$(document).ready(function(){
var passwordStrength = function (element){
    var password = element.val();
    var strength = [ 'Very Weak', 'Weak', 'Better', 'Strong', 'Very Strong' ];
    var score   = 0;
    // > 6
    if (password.length > 6){ 
        score+=1;
    }
    //has lower and uppercase     
    if ((password.match(/[a-z]/) ) && (password.match(/[A-Z]/))){
        score+=1;
    }
    //has number
    if (password.match(/\d+/)){
        score+=1;
    }
    //has special character
    if (password.match(/.[!,@,#,$,%,^,&,*,?,_,~,-,(,)]/)){
        score+=1;
    }
    //more than 12 characters
    if (password.length > 12){
        score+=1;
    }

    $('#pwdstrtxt').text(strength[score]);
    $('#pwdstrtxt').addClass('pwdText'+score);
    $('#pwdStrFill').addClass('pwdScore'+score);
}

passwordStrength($('#pass'));

});

ここにJSFiddleがあります

理想的には、ロードバーとテキストが入力に応じて動的に変化することを望みます。

どんな助けでも大歓迎です:)ありがとう。