title: Appending Dataset Results to a div with specific requirements
body: <p>I am currently trying to incorporate 'PhotoSwipe' for jQuery into my application with images that are pulled from a database via a POST to my webservice, and a little serialization magic. </p>
  
  <p>I am still kinda new to jQuery, but I've gotten pretty far considering. </p>
  
  <p>I still have yet to figure out how to use code properly on this site, so here's a pastebin of the code in question:</p>
  
  <p><a href="http://pastebin.com/avSXDDgK" rel="nofollow">http://pastebin.com/avSXDDgK</a></p>
  
  <p>Basically what it does is comb through my dataset, find anything wrapped in an image tag and pull it into a variable. Which it does. </p>
  
  <p>What I have to do, is combine that information, to ultimately form something resembling this:</p>
  
  <p><code>&lt;a href="C:/images/full/001.jpg" rel="external"&gt;&lt;img src="C:/images/thumb/001.jpg" alt="Image 001" /&gt;&lt;/a&gt;</code></p>
  
  <p>So what I need is for someone to show me or point me in the right direction towards a resolution. </p>
  
  <p>Currently all the alerts work for me, however nothing actually happens to the div. </p>
  
  <p>Thanks for any help!</p>
  
  <p>Edit: Here is an example of the XML in which my image urls are being pulled from</p>
  
  <p><a href="http://pastebin.com/nnvdKgqV" rel="nofollow">http://pastebin.com/nnvdKgqV</a></p>
  
  <p>...and here is a link to PhotoSwipe, they say to use rel="external" within the  tags</p>