title: Splice jQuery array of elements
body: <p>I'm trying to remove elements from a jQuery object using <code>splice()</code>.<br>
  But, what ends up happening is every other item is removed. 
  I'm assuming this is due to a re-index of using splice.<br>
  I was to fade in each <code>&lt;li&gt;</code> so I need to start at the top.<br>
  Is there a way to accomplish this, or perhaps a better way than what I'm doing here?</p>
  
  <pre><code>&lt;ul&gt;
      &lt;li class="module"&gt;item 1&lt;/li&gt;
      &lt;li class="module"&gt;item 1&lt;/li&gt;
      &lt;li class="module"&gt;item 1&lt;/li&gt;
      &lt;li class="module"&gt;item 1&lt;/li&gt;
      &lt;li class="module"&gt;item 1&lt;/li&gt;
      &lt;li class="module"&gt;item 1&lt;/li&gt;
      &lt;li class="module"&gt;item 1&lt;/li&gt;
  &lt;/ul&gt;
  
  &lt;script&gt;
      var $modules = $('.module');
  
      $modules.each(function(i, el) {
          var $el = $modules.eq(i);
  
          $modules.splice(i, 1);
  
          $el.addClass("fadein").removeClass('module');
      });
  
      console.log($modules);
  &lt;/script&gt;
  </code></pre>
  
  <p>You'll notice in the console, every other item is still in the array.</p>
  
  <p>jsFiddle: <a href="http://jsfiddle.net/tvWUc/5/" rel="nofollow">http://jsfiddle.net/tvWUc/5/</a></p>