Rainbow animated text jQuery destroying innerHTML
<p>I have a simple markup</p>

<pre><code>&lt;a href="/u1"&gt;&lt;span style="color:#FF0000"&gt;&lt;strong&gt;Mr.EasyBB&lt;/strong&gt;&lt;/span&gt;&lt;/a&gt;
</code></pre>

<p>This is the jQuery caller for the API Rainbow</p>

<pre><code>$('a[href="/u1"]').rainbow({ 
colors: [
    '#FF0000',
    '#f26522',
    '#fff200',
    '#00a651',
    '#28abe2',
    '#2e3192',
    '#6868ff'
],
animate: true,
animateInterval: 100,
pad: false,
pauseLength: 100,
});
</code></pre>

<p>Though whenever I make it go it shows the HTML as the link. To better understand please visit the jsfiddle I have provided since this is so strange!</p>

<p><a href="http://jsfiddle.net/sr5df/" rel="nofollow">http://jsfiddle.net/sr5df/</a></p>

<p>If someone knows of a fix please help me out here, this is just mind boggling.
​</p>
