title: addClass not working in Internet Explorer 8 and below
body: <p>My code</p>
  
  <pre><code>$(document).ready(function(){ 
  
        $(".CheckBoxClass").change(function(){
          if($(this).is(":checked")){
              $(this).next("label").addClass("LabelSelected");
          }else{
              $(this).next("label").removeClass("LabelSelected");
          }
      });
  });
  </code></pre>
  
  <p>This is my css</p>
  
  <pre><code>.CheckBoxClass{
      display: none;
  }
  .CheckBoxLabelClass{
      background:  url('/public/images/chk_off.png') no-repeat;
      padding-left: 24px;   
      margin: 5px;
      height: 22px;   
      width: 150px;
      display: block;
  }
  .CheckBoxLabelClass:hover{
  
  }
  .LabelSelected{
      background: url('/public/images/chk_on.png') no-repeat;
  }
  </code></pre>
  
  <p>I've googled everything I could think of.  All the solutions are not working.  I've tried rewriting the code using id selectors instead and no next functions, etc.  None of it is working.  I'm not sure what is going on.  Thanks.</p>