Jquery animation disappears after several clicks
<p>I'm doing jquery small animation of fade in  to form validation</p>

<p>This is working perfectly fine, but after several clicks the div opacity is changing to its lowest until it totally disappears</p>

<p>Here is my fade in code </p>

<pre><code>$("#edit-username check").addClass("right").css("display","none").stop().fadeIn(); 
</code></pre>

<p>And here what I do to hide this class effect</p>

<pre><code>$("#edit-username #check").removeClass("right"); 
</code></pre>

<p>Here is the jsfiddle to my code (the problems appear best on tab click several times) 
<a href="http://jsfiddle.net/77BbA/20/" rel="nofollow">http://jsfiddle.net/77BbA/20/</a>
thanks alot in advance</p>
