jquery ajax response, traverse XML to build nested menu tree

[Argh]

I am going nuts trying to figure this out, I am trying to build a simple menu tree with multi levels\[code\]RootFolder- First Sub Folder-- First Sub Sub Folder--- First Sub Sub Sub Folder--- First Sub Sub Sub Sub Folder- Second Sub Folder- Second Sub Sub Folder\[/code\]My XML is very simple (not the right values)\[code\]<OrgFolderDetails> <FolderName>Main Folder</FolderName> <TheChildren> <OrgFolderDetails> <FolderName>First Sub Folder</FolderName> <TheChildren> <OrgFolderDetails> <FolderName>First Sub Sub Folder</FolderName> <TheChildren> <OrgFolderDetails> <FolderName>First Sub Siub Sub Folder</FolderName> <TheChildren> <OrgFolderDetails> <FolderName>First Sub Sub Sub Sub Folder</FolderName> <TheChildren/> </OrgFolderDetails> </TheChildren> </OrgFolderDetails> </TheChildren> </OrgFolderDetails> </TheChildren> </OrgFolderDetails> <OrgFolderDetails> <FolderName>Second Sub Folder</FolderName> <TheChildren> <OrgFolderDetails> <FolderName>Second Sub Sub Folder</FolderName> <TheChildren/> </OrgFolderDetails> </TheChildren> </OrgFolderDetails> </TheChildren></OrgFolderDetails>\[/code\]I have used jQuery's .filter() and. find() each() without any success, it doesn't give me the nice dashes to indicate which level I am in, it just spits out the folder names.My code that traverses\[code\] $(data).find("FolderName").each(function(){ var folderName = $(this).text(); $("#folderLevels").append(folderName+"<br/>"); });\[/code\]