title: jQuery bxSlider issue
body: <p>I´m facing a strange problem where I can´t seem to find a solution for. For one of my projects I´m using bxSlider. There are two custom buttons, prev and next to toggle the sliding. This all works well except for the slider to 're-initiate' after the first click (next or prev doesn't matter).</p>
  
  <p>For this I'm using these functions:</p>
  
  <pre><code>$('#Slider2').bxSlider({
          auto: false,  
          speed: 1000,
          mode: 'horizontal'
      });
  
      $('#SlidePrev').click(function(){
          var slider  = $('#Slider2').bxSlider();
          var slideNr = slider.getCurrentSlide() - 1;
  
          //slider.goToSlide(slideNr);
          slider.goToPreviousSlide();
  
      });
  
      $('#SlideNext').click(function(){
          var slider  = $('#Slider2').bxSlider();
          var slideNr = slider.getCurrentSlide() + 1;
  
          slider.goToSlide(slideNr); 
      });
  </code></pre>
  
  <p>It doesn't matter if I use the function goToSlide(index) or goToPreviousSlide()/goToNextSlide().</p>
  
  <p>A live example can be found <a href="http://www.ganzeboom.com/catalogus/rustiek-klassiek/" rel="noreferrer">here</a>. Try to click the arrows to slide through the collection.</p>