Использование jquery ajax для добавления контента в идентификатор div

Question

Я использую jquery ajax, чтобы получить имена, хранящиеся в XML-файле, и добавить его к идентификатору div, но у меня возникли некоторые проблемы.

$(function(){

    $.ajax({type: "GET",
        url: "names.xml",
        dataType: "xml",
        cache: false,
        success: function(xml){ 

        $(xml).find('name').each(function(){ 

              $(this).text().append('#names');


        });

     }});

});

my xmlФайл отформатирован примерно так:

        <?xml version="1.0"?>
    <item>
<name>Paul</name>
<name>John</name>
<name>Sam</name>
<name>Mitch</name>
etc.
</item>

и должен быть добавлен к имени div ID.

<div id="names">

Paul
John
Sam
Mitch

</div>

Справка

Answer 1

Вы используете append в обратном направлении - элемент для добавления должен стоять первым:

$(xml).find('name').each(function() { 
    $("#name").append($(this).text());
});

Вот пример скрипта .

Answer 2

Попробуйте это:

$(function()
{
    var $names = $('#names');

    $.ajax(
    {
        type: "GET",
        url: "names.xml",
        dataType: "xml",
        cache: false,
        success: function(xml)
        {
            var combinedText = $(xml).find('name').map(function()
            { 
                return ' ' + $(this).text();
            }).get().join('');

            $names.text($names.text() + combinedText);
     }});
});

(без ajax) Демо: http://jsfiddle.net/mattball/yGUCZ/