title: Removing duplicate rows in html table based on a one column
body: <pre><code>&lt;table id="test" border="1"&gt;
      &lt;tr&gt;
          &lt;td&gt;test1&lt;td&gt;
          &lt;td&gt;00.00.00&lt;td&gt;
      &lt;/tr&gt; 
      &lt;tr&gt;
          &lt;td&gt;test2&lt;td&gt;
          &lt;td&gt;00.00.00&lt;td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;test1&lt;td&gt;
          &lt;td&gt;00.00.01&lt;td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;test2&lt;td&gt;
          &lt;td&gt;00.00.01&lt;td&gt;
      &lt;/tr&gt; 
  &lt;/table&gt;
  
  
  &lt;script type="text/javascript" &gt;
  var seen = {};
      $('table tr ').each(function() {
         var txt = $(this).text();
         if (seen[txt]) $(this).remove();
         else seen[txt] = true;
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>I tried it with the above jquery script but it fails for this scenario. I would like to remove duplicates only based on the first column. any suggestions on this, please?</p>