title: jQuery using 'this' to select siblings of it's parent` for slider next prev button
body: <p>I have a problem implementing Tiny Slider prev and next button on a single page but with multiple instances and it lays on each of jQuery ui-tabs content (tab-pane).</p>
  
  <p>so, The tabs is not a problem, but each tab wrapped the container for slider with tns-outer class so the .slide-nav element that lies just next to (sibling) on my slider container is now not a sibling anymore but a sibling of the tns-outer (parent) element. The problem is, on the first slide I could make the prev next running just fine. But when the tabs is changed, the next and prev button doesn't work at all.</p>
  
  <p>I use jQuery each and using 'this' to select the element, I'm trying to select the parent of 'this' inside tns object creation function, and if it just use 'this' no errors thrown but if I use jQuery(this) it always give me error.</p>
  
  <p>This code only works on the first slide and the first tab:</p>
  
  <pre><code>listingSlider: function(){
    if (jQuery('.listings').length) {
      jQuery('.tab-content .listings').each(function() {
        var slider = tns({
          container: this,
          items: 4,
          slideBy: 1,
          autoplay: true,
          prevButton: '.prev',
          nextButton: '.next',
          nav: false,
          mouseDrag: true,
          gutter: 14,
          responsive: {
            0 : {
              items: 1,
            },
            640: {
                items: 2,
            },
  
            768: {
                items: 3,
            },
  
            992: {
              items: 4,
            },
          }
        });
        console.log('bul');
      })
      console.log('slider built')
    }
  }
  </code></pre>
  
  <p>Then this code is what I'm trying to do, but it gives me error, I need a way to use 'this' as selector to select it's parent with class .tab-pane and then find a child with class prev / next.
  On prevButton, I use this without $ / jQuery, and on nextButton, I use jQuery but all just throws error.</p>
  
  <pre><code>listingSlider: function(){
    if (jQuery('.listings').length) {
      jQuery('.tab-content .listings').each(function() {
        var slider = tns({
          container: this,
          items: 4,
          slideBy: 1,
          autoplay: true,
          prevButton: this.parent('.tab-pane').find('.slide-nav .prev'),
          nextButton: jQuery(this).parent('.tab-pane').find('.slide-nav .prev'),
          nav: false,
          mouseDrag: true,
          gutter: 14,
          responsive: {
            0 : {
              items: 1,
            },
            640: {
                items: 2,
            },
  
            768: {
                items: 3,
            },
  
            992: {
              items: 4,
            },
          }
        });
        console.log('bul');
      })
      console.log('slider built')
    }
  }
  </code></pre>
  
  <p>Thank you</p>