title: JQuery clone last element from each list row
body: <p>I'm trying to clone <strong>last element from each list row</strong>. I can clone rows(i need to clone first element in this case), but I can't clone last <code>span</code> from each <code>li</code>. Here is what I have so far: </p>
  
  <p><strong>HTML:</strong></p>
  
  <pre><code>&lt;ul class="elements"&gt;
      &lt;li&gt;
          &lt;span&gt;Span 1&lt;/span&gt;
          &lt;span&gt;Span 2&lt;/span&gt;
          &lt;span&gt;Span 3&lt;/span&gt;
      &lt;/li&gt;
      &lt;li&gt;
          &lt;span&gt;Span 4&lt;/span&gt;
          &lt;span&gt;Span 5&lt;/span&gt;
          &lt;span&gt;Span 6&lt;/span&gt;
      &lt;/li&gt;
  &lt;/ul&gt;
  &lt;a href="#" class="new_row"&gt;Add new row&lt;/a&gt;
  &lt;a href="#" class="new_column"&gt;Add new column&lt;/a&gt;
  </code></pre>
  
  <p><strong>JQuery:</strong> </p>
  
  <pre><code>$('.new_row').click( function(e) {
      e.preventDefault();
      var ul = $(this).prev('.elements');
  
      var new_data= $("li", ul).eq(0).clone();
      new_data.appendTo(ul);
  });
  $('.new_column').click( function(e) {
      e.preventDefault();
      $('li').each(function(){
          $('span:last').clone();
      });
  });
  </code></pre>
  
  <p><strong>JSFiddle:</strong> <a href="http://jsfiddle.net/vPDpH/" rel="nofollow">http://jsfiddle.net/vPDpH/</a></p>
  
  <p>I would appreciate any help. Thank in advance.</p>