title: Jquery script issue IE7 add/remove class
body: <p>I'm having some IE7 (and presumably IE6) issues with the script.</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  $(document).ready(function(){
      $(".testimonial:first").show();
      $("li.testID:first").addClass("selectedName");
  
      $("li.testID").click(function(){
          $("li.testID").removeClass("selectedName");
          $(this).addClass("selectedName");
          $(".testimonial").hide();
          $(this).next(".testimonial").css({
                  zIndex:'9999',
                  }).fadeIn("slow");
      });
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>It's meant to add a selectedName class to the first item in the list (basically makes it bold) and shows the corresponding div with the class "testimonial". Then once you click on another one it adds the class and reloads the div.</p>
  
  <p>Works fine in FF and Safari but I get nothing in IE7, it doesnt swap the first class on document ready nor does it swap anything on click.</p>
  
  <p>Any ideas??</p>
  
  <p>Thanks!</p>