jQueryを使ったフォームの実装で、項目のいずれかが未記入の場合「ボタン(submit）を無効化」、全て満たすと「ボタンを有効化、色を変える」という風にしたいのですが、うまくできません。

具体的に詰まっている部分として、if文を作り、「submitを無効化」は実装できたのですが、「ボタンの色」に関しては、項目の全てではなくどれか一つが埋まっただけで色が変わってしまいます。
if文はそれぞれを「&&」で括り、色の変化に関してはaddClassを使っています。

入力するそれぞれの項目は
"名前"
"メールアドレス"
"お問い合わせ内容"
"「同意するか」のチェックボックス"
それぞれのHTMLに「disabled」を記入してます。

最後に「送信ボタン（submitBtn)」です。

該当のソースコード

var $submitBtn = $('#js_submit')
  $('#form input,#form textarea').on('change', function () {
    if (
      $('#form input[type="text"]').val() !== "" &&
      $('#form input[type="email"]').val() !== "" &&
      $('#form textarea[name="detail"]').val() !== "" &&
      $('#form input[type="checkbox"]').val() !== "" &&
      $('#form #privacyCheck').prop('checked') === true
    ) {
      $submitBtn.prop('disabled', false);
    } else {
      $submitBtn.prop('disabled', true);
      $submitBtn.addClass('el_btn');
    }
  });