title: input[type="checkbox"]:checked does not work in IE8
body: <p>I know I have already asked this question <a href="https://stackoverflow.com/questions/30623763/inputtype-checkboxchecked-span-doesnot-work-in-ie8">here</a> . But since I dint find the solution there. I am re-posting the same question. Kindly bear with me.</p>
  
  <p>Please find the fiddle <a href="http://jsfiddle.net/archanabr05/pft7c4sr/2/" rel="nofollow noreferrer">here</a>.</p>
  
  <p>HTML: </p>
  
  <pre><code>&lt;label&gt;
  &lt;input type="checkbox" id="" class="checkbox" name="Hello"&gt;&lt;span&gt;Hello&lt;/span&gt;
  &lt;/label&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>label {
  display: block;
  width: 85%;
  font: normal 12px/1.6em Arial;
  }
  .correctPadding .checkbox {
  margin: 0;
  display: inline;
  margin-right: 6px;
  margin-top:2px;
  }
  input[type="checkbox"]:checked + span {
  font-weight: bold;
  }
  </code></pre>
  
  <p>My JS trial is:</p>
  
  <pre><code>if ($('.checkbox').is(':checked')) {
      $(this).next().css({ "font-weight": "bold" })
  }
  </code></pre>
  
  <p>The check box label should get bold, when a check box is checked. It is working in all browsers, except for IE8.</p>
  
  <p>Can we solve this please</p>