title: removing duplicates from html elements
body: <p>what's the best way to remove the grapes duplicate from this? there are tons of ways of removing duplicates from simple arrays, but this would be an array with html elements</p>
  
  <pre><code> &lt;div class="fruit"&gt;
        grapes
   &lt;/div&gt;
   &lt;div class="fruit"&gt;
        bananas
   &lt;/div&gt;
   &lt;div class="fruit"&gt;
        grapes
    &lt;/div&gt;
  </code></pre>
  
  <p>I've tried using something like </p>
  
  <pre><code> $('.fruit').each(function () {
        $('.fruit:has("' + $(this).text() + '"):gt(0)').remove();  
   });
  </code></pre>