title: BxSlider - reassign the slider to different element
body: <p>I am using this <a href="http://bxslider.com/" rel="nofollow">BxSlider  plugin</a>  which i need to reassign to a different element according to what <code>&lt;ul&gt;</code> element is visible. How can I remove the slider from the element set on page load to a different element ? </p>
  
  <pre><code>$(document).ready(function() {
      $('.welcome_sections .menu').bxSlider({
        minSlides: 1,
        maxSlides: 7,
        slideWidth: 120,
        slideMargin: 10
      }); 
  
  }); 
  </code></pre>
  
  <p>I want reload the slider on a different element. 
  I tried the following but doesn't work </p>
  
  <pre><code>slider = $('.welcome_sections .menu2').bxSlider();
  slider.reloadSlider();
  </code></pre>