title: How to check form option select then remove the disable on button
body: <p>G'day,</p>
  
  <p>I cannot find a question answered within Stack Overflow that answers exactly what I'm trying to achieve.</p>
  
  <p>The goal is to use jQuery to check that both input's have a value and that the <code>form select</code> dropdown is not <code>Staff Select</code> which is currently <code>disabled</code>. Once both inputs have data and a staff name is chosen, then my button becomes active, <code>disabled</code> is removed.</p>
  
  <p>You can view my <a href="https://jsfiddle.net/ug4s63d9/5/" rel="nofollow noreferrer">jsFiddle</a> for the html.</p>
  
  <p>The jQuery I'm using which has accomplished 2/3 (both inputs) of what I want done is:</p>
  
  <pre><code>var $input = $('#transactionform input'),
      $register = $('#add_transaction');    
  $register.attr('disabled', true);
  
  $input.keyup(function() {
      var trigger = false;
      $input.each(function() {
          if (!$(this).val()) {
              trigger = true;
          }
      });
      trigger ? $register.attr('disabled', true) : $register.removeAttr('disabled').addClass('addbtngreen');
  });
  </code></pre>
  
  <p>My attempt to add the validation for the <code>form select</code> is to target the <code>option</code> attribute <code>:disabled</code> as follows:</p>
  
  <pre><code>if (!$(this).val() || $('selected#ccstaff option').attr(':disabled')) {
      trigger = true;
  }
  </code></pre>
  
  <p>Any guidance is greatly appreciated! Thank you in advance.</p>