title: By clicking on next jQuery method to load next and previous pages asynchronously
body: <p>Below I have mentioned my HTM code. By clicking on "next-nav" it has to check the "active" id and move to next ID. Same as By clicking "priview-nav" it has move to previous ID</p>
  
  <p>// HTML code    </p>
  
  <pre><code>&lt;div class="tab-content"&gt;
      &lt;span class="priview-nav"&gt;&lt;/span&gt;  // previous button
      &lt;span class="next-nav"&gt;&lt;/span&gt;  // next button
      &lt;div role="tabpanel" class="tab-pane active" id="page-1"&gt;&lt;/div&gt;  // active ID
      &lt;div role="tabpanel" class="tab-pane" id="page-3"&gt;&lt;/div&gt;  // Next Id to load
      &lt;div role="tabpanel" class="tab-pane" id="page-4"&gt;&lt;/div&gt;  
      &lt;div role="tabpanel" class="tab-pane" id="page-5"&gt;&lt;/div&gt;  
      &lt;div role="tabpanel" class="tab-pane" id="page-18"&gt;&lt;/div&gt;  
  </code></pre>
  
  <p>Code from comments</p>
  
  <pre><code>$('.ss-help .next-nav').click(function() {
      $(".tab-pane").load($('#page-2')); 
      return false; 
  }); 
  </code></pre>