fadein() and fadeout() using with setinterval()
<p>hello freinds how can i make folowing code working with <code>fadein()</code> <code>fadeout()</code> effect
i want the every next number come with <code>fadein()</code> effect and current number go with <code>fadeout()</code> effect . can i make it in loop .. like if last number is <code>fadeout()</code> after that first number is <code>fadein()</code> . like loop</p>

<pre><code>&lt;script&gt;    
var counter = 1;
    $(function() {
      incrementCounter();
    });

    function incrementCounter() {
      $('#fade').html(counter);
      counter++;
      if (counter &lt; 4) {
        setTimeout(incrementCounter, 2000);
      }
    }
&lt;/script&gt; 
</code></pre>
