title: iCheck - set color of the siblings
body: <p>I am using the jQuery library 'iCheck' for inputs and I am trying to set the color of the labels to green for those questions which were good answered. When I don't use iCheck everything works perfectly, but when I use that library, my script seems to have no effect. What am I doing wrong?</p>
  
  <p>HTML document</p>
  
  <pre><code>&lt;div class="radio" &gt;
    {% if answer.is_valid == True %}
    &lt;input type="radio" name="question-{{ question.id }}" id=" {{answer.text}}"&gt;
    {% else %}
    &lt;input type="radio" name="question-{{ question.id }}" id="{{answer.text}}"&gt;
    {% endif %}
      &lt;label&gt;&lt;b&gt;{{ answer.text }}&lt;/b&gt;&lt;/label&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>JS</p>
  
  <pre><code>$('.check').click( function () {
      var score = 0
      var all = $('input[id^=" "]');
      var checked = $('input:checked');
      var good = $('input:checked[id^=" "]');
  
      checked.siblings().css('color', 'red');
      all.siblings().css('color', 'green');
      good.each ( function(){
          score += 1;
      })
  
      alert(score);
      score = 0;
  });
  </code></pre>