title: jQuery remove multiple last items on .each iteration
body: <p>I am having trouble removing the last DD and DT tags from a definition list when prepending new content using .each. My goal is to remove a set of DD and DT tags with each iteration (as new DD and DT tags are prepended). The following is example code I am using:</p>
  
  <pre><code>shouts_list = $("#shouts dl#shouts_list");
  $.each(json.shouts, function (id, shout) {
              $("&lt;dt&gt;" + shout.name + "&lt;/dt&gt;&lt;dd&gt;" + shout.message +  "&lt;/dd&gt;").hide().prependTo(shouts_list).slideDown('slow', 'swing', function() {
              $("#shouts_list &gt; dt:last, #shouts_list &gt; dd:last").slideUp('slow', 'swing');
              }).fadeIn();
          });
  </code></pre>
  
  <p>Each time my json object contains multiple items, only one set of DT and DD are removed from the end.</p>
  
  <p>I am learning jQuery and JavaScript slowly and have been stuck on this issue for a while. What would be a good way to remove items from the end of the list for each iteration?</p>