title: removeAttr("style") and attr("style","") not working
body: <p><a href="http://synergine.net/rain.php" rel="nofollow">http://synergine.net/rain.php</a></p>
  
  <p>hello. I am trying, unsuccessfully, to clear the style attribute for all elements in .ripple divs:</p>
  
  <pre><code>function contact(level){
  focus_ripple = Math.floor(Math.random() * 100) + 1;
  $("#"+level+" .ripple"+focus_ripple+" p").css("opacity",1);
  $("#"+level+" .ripple"+focus_ripple+" .fourth").animate({
      height: "324px",
      width: "324px",
      top: "-162px",
      left: "-162px",
      "border-radius": "162px"
  },{duration: 1000, queue: false});
  $("#"+level+" .ripple"+focus_ripple+" .third").animate({
      height: "108px",
      width: "108px",
      top: "-54px",
      left: "-54px",
      "border-radius": "54px"
  },{duration: 1000, queue: false});
  $("#"+level+" .ripple"+focus_ripple+" .second").animate({
      height: "32px",
      width: "32px",
      top: "-18px",
      left: "-18px",
      "border-radius": "18px"
  },{duration: 1000, queue: false});
  $("#"+level+" .ripple"+focus_ripple+" .first").animate({
      height: "10px",
      width: "10px",
      top: "-6px",
      left: "-6px",
      "border-radius": "6px"
  },{duration: 1000, queue: false});
  $("#"+level+" .ripple"+focus_ripple+" p").animate({
      opacity: 0
  },{duration: 1550, queue: false});
  setTimeout(function() {
      $("#"+level+" .ripple"+focus_ripple+" p").removeAttr("style");
  },1575);
  counter++;
  </code></pre>
  
  <p>}</p>
  
  <p>Any help with this is greatly appreciated. thanks.</p>