[jQuery] pull in link url as well as image url from xml file when loading images dynamically

[jQuery] pull in link url as well as image url from xml file when loading images dynamically


I'm able to use the dynamic loading method to create an xml file via
php that gives me the list of image urls. However, i'd also like to
pull in another node from the xml file 'pid' to help me construct the
link that will be associated with each image.
the xml i'm creating is below:
<?xml version="1.0"?>
<data>
    <total>11</total>
    <pid>221</pid>
    <image>http://www.thisismysite.com/wp-content/finds/thumbs/
homegoods_001_1__1.jpg</image>
    <pid>229</pid>
    <image>http://www.thisismysite.com/wp-content/finds/thumbs/
IMG_7146.JPG</image>
    <pid>230</pid>
    <image>http://www.thisismysite.com/wp-content/finds/thumbs/
IMG_7145.JPG</image>
    <pid>239</pid>
    <image>http://www.thisismysite.com/wp-content/finds/thumbs/
bathmat.jpg</image>
    <pid>240</pid>
    <image>http://www.thisismysite.com/wp-content/finds/thumbs/
trunkred.jpg</image>
    <pid>253</pid>
    <image>http://www.thisismysite.com/wp-content/finds/thumbs/
DSC04849.JPG</image>
    <pid>340</pid>
    <image>http://www.thisismysite.com/wp-content/finds/thumbs/
ico_wc.jpg</image>
    <pid>342</pid>
    <image>http://www.thisismysite.com/wp-content/finds/thumbs/
image_case1.jpg</image>
    <pid>343</pid>
    <image>http://www.thisismysite.com/wp-content/finds/thumbs/
image_act1.jpg</image>
    <pid>346</pid>
    <image>http://www.thisismysite.com/wp-content/finds/thumbs/
screenshot_01.jpg</image>
    <pid>347</pid>
    <image>http://www.thisismysite.com/wp-content/finds/thumbs/
screenshot_01_1.jpg</image>
</data>
thanks in advance!