title: jquery removeclass not working on live elements in html
body: <p>I have a jquery script  that get a string and make <code>li</code> element for each letter, I have a for loop for selecting each letter from last to first and want to remove a class from these <code>li</code>'s in for loop by selecting them using <code>.eq()</code>, but it only affect on last element and other elements class not remove.
  my code is:</p>
  
  <pre><code>var str = this.html(),
      container = this;
  
  container.after('&lt;ul class="letters-wrapper"&gt;&lt;/ul&gt;').hide();
  
  for(var i=0; i&lt;str.length;i++){
      $('.letters-wrapper').append('&lt;li class="each-letter dropIn stay-up"&gt;'+ str[i] +'&lt;/li&gt;');
      if(str[i] == " "){
          $('.letters-wrapper').append('&lt;li class="each-letter dropIn stay-up"&gt;'+ '&amp;nbsp;' +'&lt;/li&gt;');
      }
  }
  for(var i = $('.each-letter').length-1; i&gt;=0; i--){
      var j = ($('.each-letter').length-1) - i;
          setTimeout(function() {
              $('.each-letter.dropIn').eq(i).removeClass('stay-up');
          }, j*100);
      } 
  }
  </code></pre>