Javascript / XML не будет загружаться в IE

Question

Я пытаюсь сделать слайд-шоу изображений, используя плагин цикла jQuery с javascript / xml, чтобы отделить файлы изображений от HTML. Я мог загружать и циклически загружать изображения в Chrome, Safari, Firefox, но не в IE. Я думаю, что проблема заключается в загрузке javascript / xml в IE, потому что изображения вообще не появляются в IE.

На данный момент мой xml - это переменная на внешней странице javascript, которая загружается с помощью javascript в html. Когда изображения загружаются прямо в HTML, слайд-шоу работает во всех браузерах.

HTML:

 <script type="text/javascript">
   $(document).ready(function(){
    $('#slideshow').before('<div id="slideshow_nav">').cycle({
     fx:     'fade', 
     speed:   1000, 
     timeout: 5000,
     pause:   1,
     pager:  '#slideshow_nav'
   });
  });
 </script>
 <div id="slideshow">
 </div>
 <script type="text/javascript">
 $(xml).find('picture').each(function(){
     var html = [
     "<img src='"+$(this).attr("imageurl") + "' class='"+$(this).attr("imageclass")+"' />"
 ].join('');
     $("#slideshow").append(html);
 });
 </script>

JS:

var xml = ['<?xml version="1.0" encoding="utf-8"?>',
'<pictures>',
    '<picture imageurl="./images/bird.jpg"  imageclass="first" />',
    '<picture imageurl="./images/wild.jpg" />',
    '<picture imageurl="./images/race.jpg"  />',
    '<picture imageurl="./images/nature.jpg" />',
    '<picture imageurl="./images/op.jpg" />',
    '<picture imageurl="./images/butterfly.jpg" />',
'</pictures>'].join('');

CSS:

<style type="text/css">
#slideshow_nav img { display: none; }
#slideshow_nav img.first { display: block; }
#slideshow_nav { z-index: 50; position: absolute; top: 410px; left: 705px; border:1px; color:#FFFFFF; }
</style>