title: how to show li one by one with jquery
body: <p>what im trying to do is show li text one by one i have lets say tag 1, tag 2, tag 3 ... first time to show tag 1 after that tag 2 after that tag 3 and so on ... one by one ...</p>
  
  <p>the code what i work on it is this:</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;ul&gt;
      &lt;li&gt;tag 1&lt;/li&gt;
      &lt;li&gt;tag 2&lt;/li&gt;
      &lt;li&gt;tag 3&lt;/li&gt;
      &lt;li&gt;tag 4&lt;/li&gt;
      &lt;li&gt;tag 5&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>Jquery</p>
  
  <pre><code>$(document).ready(function(){
      $('ul &gt; li').each(function(){
          $(this).hide().delay(1000).fadeIn(1850);
          _self = $(this);
          $.ajax({
              url     : '/echo/json/',
              data    : {
                  text : _self.val()
              },
              type    : 'POST',
              success : function(response) {
                  _self.css('color','red');
              }
          });
      });
  });
  </code></pre>
  
  <p><a href="http://jsfiddle.net/FWZKF/2/" rel="nofollow">http://jsfiddle.net/FWZKF/2/</a></p>