title: How can i repeat an animation set with css, at every click using JQuery?
body: <p>I created a rotation animation in css that takes 1s and has 'forwards' set with a class .comet .  How can i have that animation start at every click on an exterior element?</p>
  
  <pre><code> #carousel #big_bubble #cometa.rotation{animation:rotation 1s forwards; -moz-animation:rotation 1.5s forwards; -webkit-animation:rotation 1s forwards; -o-animation:rotation forwards 1s; }
      @-moz-keyframes rotation{
          from{transform:rotate(0deg);}
          to{transform:rotate(-360deg);}
   @-webkit-keyframes rotation{
          from{-webkit-transform:rotate(0deg);}
          to{-webkit-transform:rotate(-360deg);}
      }
  </code></pre>