title: Fade In/Out text and Loop using jQuery
body: <p>I am trying Jquery to Fade out text and then Fade in, and then loop this allover again.
  The loop part is not working. Wondering whats wrong?!?!</p>
  
  <p>Here is the code:</p>
  
  <p><strong>JQUERY</strong></p>
  
  <pre><code>&lt;script&gt;
      $("document").ready(function() {
          (function runIt() {
              $('#original').fadeOut('slow', function() {
                  $('#original').fadeIn('slow').html('second');
  
                  $(this).find('#original').html('first');
  
                  runIt();
  
              });
          }());
      });
  &lt;/script&gt;
  </code></pre>
  
  <p><strong>BODY</strong></p>
  
  <pre><code>&lt;p&gt;
    &lt;span id='original'&gt;first&lt;/span&gt;
  &lt;/p&gt;
  </code></pre>