title: Remove duplicate <tr>'s through jquery
body: <p>I have table which is bound dynamically:</p>
  
  <pre><code>&lt;table id="test"&gt;
     &lt;tr&gt;
        &lt;td&gt;test1
        &lt;td&gt;
     &lt;/tr&gt;
     &lt;tr&gt;
        &lt;td&gt;test2
        &lt;td&gt;
     &lt;/tr&gt;
     &lt;tr&gt;
        &lt;td&gt;test1
        &lt;td&gt;
     &lt;/tr&gt;
     &lt;tr&gt;
        &lt;td&gt;test2
        &lt;td&gt;
     &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>I want to remove duplicate table rows, producing a result like this.</p>
  
  <pre><code>&lt;table id="test"&gt;
     &lt;tr&gt;
        &lt;td&gt;test1
        &lt;td&gt;
     &lt;/tr&gt;
     &lt;tr&gt;
        &lt;td&gt;test2
        &lt;td&gt;
     &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>I'm trying to do it through this <code>btnRearrange</code> click.</p>
  
  <pre><code> $('#btnRearrange').bind("click", function() {
     // want some help hear
   });
  </code></pre>
  
  <p>Thanks.</p>