title: Is there a destroy method for FlexSlider
body: <p>I am trying to reinitialize FlexSlider with out page refresh when a new gallery listing is called asynchronously.</p>
  
  <p>I would think the routine below would work but it doesn't.  It seems like the first FlexSlider persists even though the new images are successfully loaded.</p>
  
  <p>Is there a way to destroy, then rebuild the gallery?</p>
  
  <p>Thanks</p>
  
  <pre><code>function flexInit() {
          $('.flexslider').flexslider({
              animation: "slide",
              controlsContainer: ".paginator",
              manualControls: 'a',
              after: function(slider){
                  if(slider.atEnd == true)    {
                      // ??? slider.destroy;
                      galBuild();
                  }
              }
          });
      }
  
      function galBuild() {
              $.getJSON("/gallery/next/"+galID, function (data) {
              var results = data.objects;
              var list = $(".flexslider ul.slides");
              var i = 0;
              $.each(results, function () {
  
                  list.append('&lt;li&gt;&lt;p&gt;' + results[i].title + '&lt;/p&gt;&lt;img src="' + results[i].src + '"&gt;&lt;p class="flex-caption"&gt;' + results[i++].caption + '&lt;/p&gt;&lt;/li&gt;');
  
              });
  
              flexInit(); 
  
              });
      }
  
      galBuild();
  </code></pre>