title: Bxslider gotoSlide() function not updating pager
body: <p>I am using bxSlider and I have this code for going to a certain slide from another page:</p>
  
  <p>var configSlider;</p>
  
  <pre><code>$(function() {
      configSlider = $('.configslider').show().bxSlider({
            adaptiveHeight: false,
            controls: false,
            preloadImages: 'visible',
            autoStart:false
      });
  
      var hash = window.location.hash.substring(1);
  
      if(hash == 'container') {
          configSlider.goToSlide(1);
      }
  })
  </code></pre>
  
  <p>The actual slider behaves correctly, i.e, it goes to the correct slide. My issue is that the pager (dots below the slider) don't update. Even though I am on slider #2, the pager shows that I'm on slider #1. Seems like I need to remove/add 'bx-pager-item' class to each pager item, but I'm not exactly sure how this is done.  My attempts have been futile.</p>
  
  <p>TIA</p>