jQuery fadeOut & fadeIn not working properly
<p>I have the following code:</p>

<pre><code>$('#oldLoginProblem').fadeOut();
$('#newLoginProblem').fadeOut();
$('#newLoginProblem').fadeIn();
</code></pre>

<p>It runs each time I press a button.</p>

<p>In the beginning, it'll look like this:</p>

<p><code>foobar</code></p>

<p>But when I press my button and run that code, it looks like this:</p>

<p><code>foobar</code></p>

<p><code>foobar2</code></p>

<p>The first element doesn't disappear, it remains. The second element just shows up below, as if I have a simple .show(). Also, there is no fading occurring in any way. How can I solve this?</p>
