title: Trying to remove duplicate info received from an xml file displayed on my html page
body: <p>I am trying to delete the duplicate atrists that are displayed when I retrieve the info from this xml file using JQuery. How can I accomplish this?</p>
  
  <p>Here is the js file:  </p>
  
  <pre><code>$(function(){
  $(window).load(function(){
      $.ajax({
          url: 'http://imaginationeverywhere.info/djronlove/new_2.xml',
          dataType: 'xml',
          success: function(xml){
              $(xml).find("key:contains('Artist') + string").each(function(){
                  var string1 = $(this).text();
                  $('&lt;p&gt;&lt;/p&gt;').addClass('string1').html(string1).appendTo('#container');
              });
          }
      });
  });
  $('&lt;div&gt;&lt;/div&gt;').attr('id', 'container').appendTo('body');
  });
  </code></pre>
  
  <p>Here is the html file:  </p>
  
  <pre><code>&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head&gt;
      &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
      &lt;title&gt;DJ Ron Love Music Catalog&lt;/title&gt;
      &lt;script type='text/javascript' src='http://imaginationeverywhere.info/jslib//dev/jquery-1.5.1.js'&gt;
      &lt;/script&gt;
      &lt;script type='text/javascript' src="http://imaginationeverywhere.info/djronlove/itunes.js"&gt;
      &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;!--&lt;h3&gt;Songs that currently in DJ Ron Love's Music Catalog&lt;/h3&gt;--&gt;
      &lt;h3&gt;Artist that DJ Ron Love currently has in roatation&lt;/h3&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>