Traverse through xml using duplicate data using jquery

I am a newbie and was trying to traverse a ajax loaded xml file. I am trying to populate all the names and city from it, and if the name is common then i would just append the city for the common name.

my xml file

       <Info>
       <detail>
       <country>US</country>
       <name>Edward</state>
       <city>San bruno</city> 
       </detail>

       <detail>
       <country>US</country>
       <name>Edward</state>
       <city>Charleston </city> 
       </detail>
       </info>

I an trying to show it in a format like this

       Edward
       San Bruno
       Charleston

My jquery code looks like this

       $.ajax({
       type: "GET",
   url: "sheet.xml",
   dataType: "xml",
   success: function(xml) {
        $(xml).find('detail').each(function(){
            var Pname = $(this).find('name').text();
            $('<div class="items" id="link">         开发者_StackOverflow中文版       </div>').html('<Strong>'+name+'</Strong>').appendTo('#content');
            if(Pname = $(xml).find('name').each(function(){
            var city = $(this).find('city').text();
            var full = name + ","+city;
            $('<div class="items" id="link"></div>').html('<a href="'+city+'">'+city+'</a>').appendTo('#content');
            });

I am just not able to loop it again so that I can find the guy with same name but a different city hence placing them together according to different location. any Help would be appreciated. Thanks in advance..

---

You should be able to modify this to work in your success function:

var xmlString = "<Info><detail><country>US</country><name>Edward</name><city>San bruno</city> </detail><detail><country>US</country><name>Edward</name><city>Charleston </city> </detail><detail><country>US</country><name>John</name><city>Charleston </city> </detail><detail><country>US</country><name>John</name><city>Dallas</city></detail></Info>",
xmlDoc = $.parseXML(xmlString),
$xml = $(xmlDoc),
$name = $xml.find("name");

var prevName = "";

$name.each(function() {
    var currNode = $(this);
    var currName = currNode.text(); 

    if (currName != prevName) {
        document.write(currName + "<br />");
        document.write(currNode.next().text() + "<br />");
        prevName = currName;
    } else {
        document.write(currNode.next().text() + "<br />");
    }
});

jsfiddle: http://jsfiddle.net/jensbits/Z6Bst/