[jQuery] converting HTML to XML using jQuery

[DReed]

I have been struggling with trying to do the following... perhaps I am
looking at it "too" hard since I have a feeling the solution is right
in front of me (i hope).

I have something like the following:

<div class="map">
   <div class="title">Title</div>
   <div class="group">
       Group Name 1
       <div class="group">Group Name 1-1</div>
   </div>
   <div class="group">
       Group Name 2
       <div class="group">Group Name 2-1</div>
   </div>
</div>

I would like to turn this into XML, like:

<map>
   <title>Title</title>
   <group>Group Name 1
      <group>Group Name 1-1</group>
   </group>
   <group>Group Name 2
      <group>Group Name 2-1</group>
   </group>
</map>

I have been trying using the .each() function but it doesn't seem to
hold the context node (when my context is the .map node and I want to
iterate the .group, it will iterate ALL of them, instead of the TWO
directly under the .map element.  I can brute force this with some
recursion but I thought there must be a way to retain the context of
the jQuery.

Perhaps the .each way isn't the right approach?

Thanks in advance.