jQuery FadeOut not working
<pre><code>function fadeInSubheader() {
    $('#sub1').fadeIn().delay(1000).queue(function() {
        $('#sub2').fadeIn().delay(1000).queue(function() {
            $('#sub3').fadeIn().delay(5000).queue(function() {
                fadeOutSubheader();
            });
        });
    });

}

function fadeOutSubheader() {
    console.log('fading out');
    $('#sub1').fadeOut(function() {
        $('#sub2').fadeOut(function() {
            $('#sub3').fadeOut(function() {
                fadeInSubheader();
            });
        });
    });
}
</code></pre>

<p>Its supposed to loop once started. But it will start and the fadeOutSubheader function is called because the console log shows 'fading out' like its supposed to but they do not fade out. Any ideas?</p>

<p>PS. The fade out is supposed to happen altogether preferably.</p>
