title: Clone CSS class
body: <p>I want to copy all <code>:hover</code> classes into <code>.hoverid</code> classes where <code>id</code> is the index of the element (or any other way to create unqiue hover classes names).</p>
  
  <p>So, my idea was somehow to iterate through all elements on the page which have a <code>:hover</code> defined and clone that class into <code>.hoverid</code>. This way I could trigger the hover effect on any element I want like this:</p>
  
  <pre><code>$('#element').addClass('hover'+$(this).id);
  </code></pre>
  
  <p>So my question(s) actually are:  </p>
  
  <ol>
  <li>How to iterate through elements which have a ":hover" defined? </li>
  <li>How to clone that class into another class?</li>
  </ol>
  
  <p>Fiddle to try your solutions: <a href="http://jsfiddle.net/kLt2P/" rel="nofollow">http://jsfiddle.net/kLt2P/</a></p>