jQuery listview XML parsing recursively

jQuery listview XML parsing recursively

I'm new to jquery, need help in parsing the below XML for jquery listview.. Thanks a million in advance.

<categories>

<category>        

        <title name="main">Main title1</title>

 <subcategory>

            <title name="submain">Sub title1</title>

            <section>

                <title>section 1</title>

                <description></description>

            

                <link favorite="true">

                    <text></text>

                    <url>/</url>

                    <description></description>

                </link>

                <link>

                    <text></text>

                    <url></url>

                    <description></description>

                </link>

            </section>

            

            

            <section>

                <title>section 2</title>

                <description></description>

                

                <link favorite="true">

                    <text></text>

                    <url></url>

                    <description></description>

                </link>

                <link>

                    <text></text>

                    <url></url>

                    <description> </description>

                </link>

            </section>

        </subcategory>

        <subcategory>

            <title name="submain">sub title2</title>

            <section>

                <title>section 1</title>

                <description></description>

                

                <link favorite="true">

                    <text></text>

                    <url></url>

                    <description></description>

                </link>

                <link>

                    <text></text>

                    <url></url>

                    <description></description>

                </link>

            </section>

            

            

            <section>

                <title>section 2</title>

                <description></description>

                

                <link favorite="true">

                    <text></text>

                    <url></url>

                    <description></description>

                </link>

                <link>

                    <text></text>

                    <url></url>

                    <description></description>

                </link>

            </section>

        </subcategory>

    </category>

    <category>

        

        <title name="main">Main title2</title>

        

        <subcategory>

            <title name="submain">Sub title1</title>

            <section>

                <title>section 1</title>

                <description></description>

                

                <link favorite="true">

                    <text></text>

                    <url>/</url>

                    <description></description>

                </link>

                <link>

                    <text></text>

                    <url></url>

                    <description></description>

                </link>

            </section>

            

            

            <section>

                <title>section 2</title>

                <description></description>

                

                <link favorite="true">

                    <text></text>

                    <url></url>

                    <description></description>

                </link>

                <link>

                    <text></text>

                    <url></url>

                    <description> </description>

                </link>

            </section>

        </subcategory>

        <subcategory>

            <title name="submain">sub title2</title>

            <section>

                <title>section 1</title>

                <description></description>

                

                <link favorite="true">

                    <text></text>

                    <url></url>

                    <description></description>

                </link>

                <link>

                    <text></text>

                    <url></url>

                    <description></description>

                </link>

            </section>

            

            

            <section>

                <title>section 2</title>

                <description></description>

                

                <link favorite="true">

                    <text></text>

                    <url></url>

                    <description></description>

                </link>

                <link>

                    <text></text>

                    <url></url>

                    <description></description>

                </link>

            </section>

        </subcategory>

    </category>

</categories>


This is where i'm trying to get to:

<ul>

      <li>Main title1

            <ul>

                  <li>Sub title1

                        <ul>

                              <li>Section1

                                    <ul>

                                          <li>text</li>

                                          <li>url</li>

                                          <li>description</li>

                                    </ul>

                              </li>

                            </ul>      

                        </li>

                  </ul>

      </li>

            ........

            .....                  

</ul>


This is what I have so far.. 


   function xmlParser(data) {

                    xml = data;

                    $('#load').fadeOut();

                    $(xml).find("category").each(function () {

                                 var maintitle = $(this).find("title[name='main']").text();

                                                 $("#list").append('<li><h3 id="name">' + maintitle + '</h3><ul>');

                                                //NOT SURE HOW TO ADD <UL><li> here

                                                 $("subcategory", this).each(function(){

                                                               var subtitle =  $(this).find("title[name='submain']").text();

                                                                $("section", this).each(function()                                                                                                                   var sectitle =  $(this).find("title").text();

                                                                 var text = $(this).find("text").text();

                                                                 var url = $(this).find("url").text();

                                                                 var description = $(this).find("description").text();

                                                         });

                                                  });                      });

                  

                    $('#list').listview('refresh'); 

                }

                </script>