２箇所入力したら、ボタンが有効になるようにしたい

Question

フォームの「メールアドレス」と「メールアドレス（確認用）の２箇所、
どちらも入力されたら、ボタンが有効になるようにしたいのですが、
どうしてもなりません。

＜現在、私が書いてるコード＞
■ HTML 　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
フォーム部分

<td class="vaM"> <p><input type="text" name="emailAddress" maxlength="40" size="35" value="" id="emailAddress" class="imeD" placeholder="例）[e-mail]" style="background-color: rgb(255, 250, 205);"></p> <p class="md-l-utl-mt5">確認のため再度ご入力ください</p> <p class="md-l-utl-mt5"><input type="text" name="emailAddressConfirm" maxlength="40" size="35" value="" id="emailAddressConfirm" class="imeD" placeholder="例）[e-mail]" style="background-color: rgb(255, 250, 205);">&nbsp;&nbsp; <span class="bold">（確認用）</span></p> ・ ・ ・ ボタン部分 <div id="submit" class="md-l-button-box-01 md-l-utl-mt10"> <p class="btn" disabled="disabled"> <a href="javascript:void(0);" onclick="doNextSubmit('/marble/insurance/dc401k/application/baseCheck.do');" disabled="disabled">次へ</a> </p> </div> ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ ■ JS 　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ $(".btn").attr({"disabled":"disabled"});

$(function() {
if ( $('#emailAddress,#emailAddressConfirm').val().length == 0 ) {
$('.btn').attr('disabled', 'disabled');
}
$('#emailAddress,#emailAddressConfirm').bind('keydown keyup keypress change', function() {
if ( $('#emailAddress,#emailAddressConfirm').val().length > 0 ) {
$('.btn').removeAttr('disabled');
} else {
$('.btn').attr('disabled', 'disabled');
}
});
});
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■ CSS 　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
#submit .btn {
font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
border: 1px solid silver;
border-radius: 4px;
-ms-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
width: 320px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background: #FC0000;
background: -moz-linear-gradient(top, #FC0000 0%, #FE5252 100%);
background: -o-linear-gradient(top, #FC0000 0%, #FE5252 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FC0000), color-stop(100%, #FE5252));
background: -webkit-linear-gradient(top, #FC0000 0%, #FE5252 100%);
background: linear-gradient(to bottom, #FC0000 0%, #FE5252 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FC0000', endColorstr='#FE5252', GradientType=0);
margin: 0 auto;
}

#submit .btn:hover {
background: #FE5252;
background: -moz-linear-gradient(top, #FE5252 0%, #FC0000 100%);
background: -o-linear-gradient(top, #FE5252 0%, #FC0000 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FE5252),
color-stop(100%, #FC0000));
background: -webkit-linear-gradient(top, #FE5252 0%, #FC0000 100%);
background: linear-gradient(to bottom, #FE5252 0%, #FC0000 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FE5252',
endColorstr='#FC0000', GradientType=0);
}

#submit .btn a {
text-decoration: none;
color: white;
font-size: 30px;
font-weight: bold;
display: block;
padding: 10px;
}

#submit > p {
width: 50% !important;
border-radius: 8px !important;
}

#submit .btn[disabled] {
font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
border: 1px solid silver;
border-radius: 4px;
-ms-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
width: 320px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background: #d3d3d3;
background: -moz-linear-gradient(top, #d3d3d3 0%, #aaa 100%);
background: -o-linear-gradient(top, #d3d3d3 0%, #aaa 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #aaa), color-stop(100%, #aaa));
background: -webkit-linear-gradient(top, #d3d3d3 0%, #aaa 100%);
background: linear-gradient(to bottom, #d3d3d3 0%, #aaa 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3d3d3', endColorstr='#aaa', GradientType=0);
margin: 0 auto;
pointer-events: none;
}

#submit > p > a[disabled] {
pointer-events: none;
}
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

メールアドレスだけ、メールアドレス（確認）だけと片方だけだとうまくいくのですが
両方が入力されないと有効にならないようにするにはどうしたらよいか
どなたかご教授お願いいたします。

Answer 1

質問をしてましたが、以下でできました！
お騒がせしました。ありがとうございます。

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

/!メールアドレス入力したらボタンがアクティブに/
$(".btn").attr({"disabled":"disabled"});

// 文字の長さをチェックして表示を変える
var check = function() {

if ($('#emailAddress').val().length > 0 && $('#emailAddressConfirm').val().length > 0) {
    // OK
    $('.btn').removeAttr('disabled');
}
else {
    // NG
    $('.btn').attr('disabled', 'disabled');
}

};

// イベントハンドラ設定
$('#emailAddress').on('keydown keyup keypress change', check);
$('#emailAddressConfirm').on('keydown keyup keypress change', check);

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝