Any one help me?

i have the xml with 2 steps. example :

Type of Company: Architects may be self-employed. Workspace – Indoors/outdoors: Architects work both. Environment Travel: Architects often visit construction sites to review the progress of projects. People: They work a lot with other professionals involved in the construction project including engineers, contractors, surveyors and landscape architects. Casual: They usually work in a casual and comfortable environment. Hours: The hours are varied based on the project they are working on. Physically demanding: They stand on their feet. Tools: Computers - Architects Assist clients in obtaining construction bids Observe, inspect and monitor building work

in my funcation i am using "list.each" to append to ul+index. it works fine. And my problem is while i append the "list.each", the "sublistgroup" should not append to "list.each", insted the "sublistgroup" need to make "ul" and in the ul i need the "sublist" became childrens..

my code is here...

i konw that, i am doing some wrong way.. pls any one correct it and let me know..

$(function(){ $.get('career-utility.xml',function(myData){

$(myData).find('listgroup').each(function(index){
      var count = index;
      var listGroup = $(this);
      var listGroupTitle = $(this).attr('title');
      var shortNote =   $(this).attr('shortnote');
      var subLink   = $(this).find('sublist');
      var firstList = $(this).find('list');

       $('.grouplist').append('<div class="list-group"><h3>'+listGroupTitle+'</h3><ul class="level-one level' + count + '"></ul></div>');

        firstList.each(function(listnum){
            var subList = $(this).text();

            var subListLeveltwo = $(this).find('sublist').text();

            if(subListLeveltwo==''){
                $('<li>'+subList+'</li>').appendTo('ul.level'+count+'');
            }
            else{
                $('<li class="new">'+subList+'</li>').appendTo('ul.level'+count+'');
            }

        })

})



})    

})