Issues getting either $.each() or $('#selector').each() to work correctly.

Issues getting either $.each() or $('#selector').each() to work correctly.

I have a application where I am receiving a xml file, selecting a row of data then appropriately putting the data in other specific divs to be used/displayed.

I have almost every thing working with exception of where I have more than one node in the xml file that repeats. Example:
  1. <photo>
          <pic>
                        <asset>weaponLib/stillMedia/slides/A106.jpg</asset>
                        <thumb>weaponLib/stillMedia/thumbs/A106.jpg</thumb>
                        <caption>Side view of DODIC A106</caption>
                        <title>Side view of 22 caliber long rifle ball cartridge</title>
                    </pic>
                    <pic>
                        <asset>weaponLib/stillMedia/slides/A106_A.jpg</asset>
                        <thumb>weaponLib/stillMedia/thumbs/A106_A.jpg</thumb>
                        <caption>Side view of DODIC A106</caption>
                        <title>Side view of 22 caliber long rifle ball cartridge</title>
                    </pic>
                    <pic>
                        <asset>weaponLib/stillMedia/slides/A106_B.jpg</asset>
                        <thumb>weaponLib/stillMedia/thumbs/A106_B.jpg</thumb>
                        <caption>Side view of DODIC A106</caption>
                        <title>Side view of 22 caliber long rifle ball cartridge</title>
                    </pic>
                    <pic>
                        <asset>weaponLib/stillMedia/slides/A106_C.jpg</asset>
                        <thumb>weaponLib/stillMedia/thumbs/A106_C.jpg</thumb>
                        <caption>Side view of DODIC A106</caption>
                        <title>Side view of 22 caliber long rifle ball cartridge</title>
                    </pic>
                    <pic>
                        <asset>weaponLib/stillMedia/slides/A106_D.jpg</asset>
                        <thumb>weaponLib/stillMedia/thumbs/A106_D.jpg</thumb>
                        <caption>Side view of DODIC A106</caption>
                        <title>Side view of 22 caliber long rifle ball cartridge</title>
                    </pic>
                </photo>
































I am using a jQuery plug-in called jqGrid as my grid application which feeds the row data through a onSelectedRow operation.  I have a 'testing' alert box that says that I am the 4 pics and their data correctly.  But when I push this data to a application called Galleriffic, my code breaks.  I don't know enough about firebug to tell if I am forming the result correctly.  I am pulling my hair out on how to implement either a $.each() function or $('#selector').each function so that I get an itteration effect.

in my ame-ui file, I am adding to the DOM through appends to form my <li> and <div> sequence.  Then Galleriffic is supposed to take a look at this and produce a slideshow from it.  My application works wonders as long as I only have one graphic that needs to be displayed.  It breaks when I try  wrapping #picListItems into a each() function.

Suggestions??   jqGrid is forming the listItems at line 193.  The start of my galleriffic is at line 217.
I believe that I don't have my head wrapped around on how to use either .each function.  Educate me please.

tony
It is not the job you get handed, but what you have done with it in the end that people remember.