Basic Question

Basic Question

I have the following jquery:

  1. $(document).ready(function()
          {
            $.get('news.xml', function(d){
            $('#right').append('<h2 class="header">Blackbaud news</h2>');
            $('#right').append('<ul />');
            $(d).find('post').each(function(){

                var $post = $(this);
                var description = $post.find('description').text();
                var pagename = $post.find('pagename').text()

                 var html = '<li>' + description + '</li>';
                html += '<li class="more"><a href="' + pagename + '">More &gt;</a> </li>';
                $('#right').append($(html));
                $('.loadingPic').fadeOut(1400);
            });
        });
    });    

















The code highlighted in red is giving me a problem. I want to wrap my html in the unordered list tag as one unordered list. Instead, it's wrapping each list item in its own unordered list opening and closing tag. I'm sure someone out there can show my what I'm doing wrong. Suggestions?

Thanks!