title: Basic jQuery Slider (BJQS) not applying styles to jQuery and XML generated li elements
body: <p>I'm trying to use Basic jQuery Slider with a list generated by another piece of jQuery and some XML, but I'm finding that BJQS doesn't want to apply styles to the li elements that are being generated, so they're not being hidden and faded in.</p>
  
  <p>Into the document head I have:</p>
  
  <pre><code>&lt;link rel="stylesheet" href="/assets/css/bjqs.css"&gt;
  &lt;script src="http://code.jquery.com/jquery-1.7.1.min.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="/assets/js/bjqs-1.3.min.js" type="text/javascript"&gt;
  </code></pre>
  
  <p>All of which are needed for bjqs anyway and are loading fine according to Firebug.</p>
  
  <p>In the body I have:</p>
  
  <pre><code>&lt;script&gt;
  jQuery(document).ready(function(){
    jQuery.ajax({
      type: "GET",
      url: "images-revision.xml",
      dataType: "xml",
      success: parseXml
    });
  });
  
  function parseXml(xml) {
      var path = jQuery(xml).find('path').text();
  
      jQuery(xml).find("image").each(function() {
          jQuery(".bjqs").append("&lt;li&gt;&lt;img src='" + path + jQuery(this).find("filename").text() + "'/&gt;&lt;/li&gt;");
      }); 
  }
  &lt;/script&gt;
  </code></pre>
  
  <p>Which reads from a list of images in an XML file before listing them inside the  in place for the BJQS.</p>
  
  <p>Then I have the slide container:</p>
  
  <pre><code>&lt;div id="banner-fade"&gt;
      &lt;ul class='bjqs'&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Followed by the parameters I want to use to control the slide:</p>
  
  <pre><code>&lt;script&gt;
      jQuery(document).ready(function(jQuery) {
          jQuery('#banner-fade').bjqs({
              height      : 198,
              width       : 956,
              automatic : true, // automatic
              showcontrols : false, // show next and prev controls
              usecaptions : false, // show captions for images using the image title tag
              responsive : false, // enable responsive capabilities
              showmarkers : false, // Show individual slide markers
              // animation values
              animtype : 'fade', // accepts 'fade' or 'slide'
              animduration : 750, // how fast the animation are
              animspeed : 5000, // the delay between each slide
          });
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>The correct styles are being applied to #banner-fade and ul.bjqs, but not the generated li elements, which are the parts that are hidden and shown to rotate between images.</p>
  
  <p>I've a feeling it's got something to do with the BJQS stuff being called before the lis are created, but I'm not going to pretend to know what to do about that.</p>
  
  <p>Any help would be appreciated.</p>