title: Cycling animation of rainbow-coloured text
body: <p><strong>CYCLING COLORS ON HOVER With JavaScript/jQuery</strong></p>
  
  <p>I'm trying to take a block of text, color each letter according to calculated position between HSL 0deg and 360deg, and on hover animate the colors to the right. I know this is weird, but bear with me. <strong><em>What I want is animated rainbow text on hover.</em></strong></p>
  
  <p>I've covered the logic of making all of this happen once, but can't get hover cycling behavior to work. </p>
  
  <p><strong>here is a link to the codepen.io:</strong> <a href="http://cdpn.io/txmlf" rel="noreferrer">http://cdpn.io/txmlf</a></p>
  
  <p>I've tried using JavaScript mouse events and jQuery's .hover(). My initial thought was to set an interval on mouse enter and clear it on exit. </p>
  
  <p>I'd truly appreciate any help on this obviously very important project.</p>