title: Jquery each disabled
body: <p>with this code : 
  <a href="http://jsfiddle.net/oreli/7wdq6ktn/" rel="nofollow">http://jsfiddle.net/oreli/7wdq6ktn/</a></p>
  
  <p>I like to have the following behavior:</p>
  
  <ul>
  <li>When input is "disabled": the label is red</li>
  <li>When input is not "disabled": label is green
  (or vice versa, no matter :) )</li>
  </ul>
  
  <p>but I still have all red or green.</p>
  
  <p>What is my mistake?</p>
  
  <p>thank you</p>
  
  <pre class="lang-js prettyprint-override"><code>$(document).ready(function () {
   $( ".choice" ).each(function() {
      if($(".orderChoice").is(":disabled")) {
          $(".choice").addClass('disabled').remove('notdisabled');
      } else {
          $(".choice").addClass('notdisabled').remove('disabled');
      };
   });
  });
  </code></pre>