title: Highlight table row with duplicate table cell and add border to only the first top and last bottom duplicate
body: <p>In my fiddle example below you will see a few highlighted sections of table rows. The first section displays correctly but the second section with three highlighted rows does not. The issue is that I am placing a border on the top of the original duplicate and on the bottom of the next duplicate. I am looking for a way to target the last next duplicate.</p>
  
  <p><strong>Fiddle:</strong> </p>
  
  <p><a href="http://jsfiddle.net/eacqgwc8/12/" rel="nofollow">http://jsfiddle.net/eacqgwc8/12/</a></p>
  
  <p><strong>jQuery:</strong></p>
  
  <pre><code>$('tbody tr td:nth-child(2)').each(function () {
      var cellIndex = $(this).index();
      var next = $(this).parent().next().children().eq(cellIndex)
      if ($(this).text() === $(next).text()) {
          $(this).parent().css('background-color', '#E6F2D3');
          $(next).parent().css('background-color', '#E6F2D3');
          $(this).parent().children().css('border-top', '1px solid #333');
          $(next).parent().children().css('border-bottom', '1px solid #333');
      }
  });
  </code></pre>