title: Creating a Next button for switching through jQuery tabs
body: <p>How can I create a button that will scroll to the next jQuery tab. I want to have a next button within the tabs that will scroll to the next tab, sort of like a step-by-step tutorial.</p>
  
  <p>How can this be done? My code so far is below.</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;div id="tabs"&gt;
      &lt;ul&gt;
          &lt;li&gt;&lt;a href="#fragment-1"&gt;&lt;span&gt;One&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#fragment-2"&gt;&lt;span&gt;Two&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#fragment-3"&gt;&lt;span&gt;Three&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
      &lt;div id="fragment-1"&gt;
          &lt;p&gt;First tab is active by default:&lt;/p&gt; &lt;a href="nexttab"&gt;Next Tab&lt;/a&gt;
      &lt;/div&gt;
      &lt;div id="fragment-2"&gt;Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh&lt;/div&gt;
      &lt;div id="fragment-3"&gt;Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>JS</p>
  
  <pre><code>$(document).ready(function () {
      $("#tabs").tabs();
  });
  </code></pre>