Recursive works with .show but not .fadeIn?
<p>This code works fine:</p>

<pre><code>function showproductthumbnails(){

var i = 0;

function showNext(){
  if (i &lt; xmlcatalog.length) { 
    $(thumbDiv).show("puff",{percent:100}, 200,function(){
      showNext();
    });
    ++i;
  }

  showNext();

  }
</code></pre>

<p>But this does not:</p>

<pre><code>function showproductthumbnails(){

var i = 0;

function showNext(){
  if (i &lt; xmlcatalog.length) { 
    $(thumbDiv).fadeIn(500,function() {
      showNext();
    });   
    ++i;
  }

  showNext();

  }
</code></pre>

<p>When using fadeIn callback showNext just registers i as 0 every time, but the function using show counts the i up one until finished correctly. Why would this be happening?</p>
