XML Parsing for Image URLs — Help

XML Parsing for Image URLs — Help

Hello, I am a new comer to jQuery transferring from flash.
Im trying to parse an XML file that has holds the URLs to about 10 images.
However, all the tutorials I have followed do not seem to work.
Ive been trying this for a few days now and I was hoping one of your jQuery gurus may see something I dont.

Here are my codes :
XML :

  1. <?xml version="1.0" encoding="UTF-8"?>
  2. <Images>
  3. <image url="_work/_new/balloonsfocusxtraballoons.jpg"></image>
  4. <image url="_work/_new/bkyrd.jpg"></image>
  5. <image url="_work/_new/bush.jpg"></image>
  6. <image url="_work/_new/chair.jpg"></image>
  7. <image url="_work/_new/church.jpg"></image>
  8. <image url="_work/_new/dancer2.jpg"></image>
  9. <image url="_work/_new/dannyhilljr2combo.jpg"></image>
  10. <image url="_work/_new/EPmarket.jpg"></image>
  11. <image url="_work/_new/eyecontact.jpg"></image>
  12. <image url="_work/_new/fooetkingblanket2.jpg"></image>
  13. <image url="_work/_new/gary_working.jpg"></image>
  14. <image url="_work/_new/garyinbed_lipseyes.jpg"></image>
  15. <image url="_work/_new/gorgeunderpass.jpg"></image>
  16. <image url="_work/_new/griffithlamp.jpg"></image>
  17. <image url="_work/_new/infinty.jpg"></image>
  18. <image url="_work/_new/mcs.jpg"></image>
  19. <image url="_work/_new/oceanafterserra.jpg"></image>
  20. <image url="_work/_new/oldenglish.jpg"></image>
  21. <image url="_work/_new/selfportraitofmeasmygrandfather.jpg"></image>
  22. <image url="_work/_new/signs.jpg"></image>
  23. <image url="_work/_new/streetlightfocusared.jpg"></image>
  24. </Images>

HTML (with jQuery at the top):

  1. <html>
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  4. <title>xml parse test</title>
  5. <script type="text/javascript" src="jquery-1.4.2.min.js"></script>
  6. <script type="text/javascript">

  7. $(document).ready(function(){
  8. $.get('newimages.xml', function(d){
  9. $('div#content').append('<h1>Images</h1>');
  10. $(d).find('image').each(function(){
  11. var $image = $(this);
  12. var imageUrl = $image.attr("url").text();
  13. var html = '<img src="' + imageUrl + '" />';
  14. $('div#content').append($(html));
  15. });
  16. });
  17. });
  18. </script>
  19. </head>

  20. <body>
  21.     <div id="content" style="background-color:#999; position:absolute; top:150px; left: 200px; width: 1000px; max-width:width: 1000px; height:inherit; min-height:500px;">
  22.     </div>
  23. </body>
  24. </html>

Thanks in advance for your help.