title: Flexslider with content loaded using JavaScript
body: <p>I'm loading the content using:</p>
  
  <p><code>jQuery('slides').html(slides);</code> </p>
  
  <p>I'm using this slider <a href="http://flexslider.woothemes.com/" rel="nofollow">http://flexslider.woothemes.com/</a>. Here is the question. How can I load this slider when the slides in the HTML structure will be added?</p>
  
  <p>All works well when I enter to my website using direct link - then the content is loaded automatically. I have a problem when I load a "subpage" using jQuery, then slider doesn't work.</p>
  
  <p>I tried to add:</p>
  
  <pre><code> $('#carousel').flexslider({
      animation: "slide",
      controlNav: false,
      animationLoop: false,
      slideshow: false,
      itemWidth: 210,
      itemMargin: 5,
      asNavFor: '#slider'
    });
  
    $('#slider').flexslider({
      animation: "slide",
      controlNav: false,
      animationLoop: false,
      slideshow: false,
      sync: "#carousel"
    });
  </code></pre>
  
  <p>after <code>jQuery('slides').html(slides);</code>, but it doesn't work.</p>
  
  <p>Thanks!</p>