jQuery Forum

Hello.

I've been working with jQuery, and I have a function like so:

1.  jQuery(data).find("album").each
2.  (
3.   function(i, e)
4.   {
5.    $("#list").append("<li>"+jQuery(this).attr("name")+"</li>");
6.   }
7.  );

My XML looks like this:

1. <root>
2.  <album name="I">
3.   <album name="A">
4.    <album name="1">
5.     <album name="a"></album>
6.    </album>
7.   </album>
8.  </album>
9. </root>

How could I write a recursive function to iterate through the XML, so as to output

1. <ul>
2.  <li>I
3.   <ul>
4.    <li>A
5.     <ul>
6.      <li>1
7.       <ul>
8.        <li>a</li>
9.       </ul>
10.      </li>
11.     </ul>
12.    </li>
13.   </ul>
14.  </li>
15. </ul>

Thanks in advance for your help.