Stop a fadeOut within a callback of another fadeOut
<p>I am trying to stop an animation from propagating on a call back of another animation, i have tried to stop the animation directly by adding <code>.stop(true, true)</code> onto the element that i wish to stop from fading but it doesn't seem to stop the animation.</p>

<p>I have created a fiddle -> follow the link <a href="http://jsfiddle.net/5rEWa/" rel="nofollow">http://jsfiddle.net/5rEWa/</a></p>

<p>Here is the code:</p>

<pre><code>$('.fadeMe').delay(3000).fadeOut(1000, function(){
        $('.meToo').fadeOut(1000);
    });


    $('#stop').click(function(){
       $('.meToo').stop(true, true);
    }); 
</code></pre>

<p><em>As always stack i am greatful for your help</em></p>
