title: Fancy Sliding form with jQuery
body: <p>I am using the code from <a href="http://tympanus.net/codrops/2010/06/07/fancy-sliding-form-with-jquery/" rel="nofollow noreferrer">codrops</a> and it is working fine, but when I remove the paragraphs <p> and add a table with inputs and without &lt;&quot;p&quot;&gt;, i face the issue.
  the issue is as below:
  when you are moving out from the last input in the slide using TAB button to move to the next selected input text in the next slide, the next slide will be unorgnized !</p>
  <p>here is an example for the code <strong>without issue</strong>:</p>
  <pre><code>&lt;fieldset class=&quot;step&quot;&gt;
      &lt;legend&gt;Account&lt;/legend&gt;
      &lt;p&gt;
          &lt;label for=&quot;username&quot;&gt;User name&lt;/label&gt;
          &lt;input id=&quot;username&quot; name=&quot;username&quot; /&gt;
      &lt;/p&gt;
      &lt;p&gt;
          &lt;label for=&quot;email&quot;&gt;Email&lt;/label&gt;
          &lt;input id=&quot;email&quot; name=&quot;email&quot; placeholder=&quot;info@tympanus.net&quot;
          type=&quot;email&quot; AUTOCOMPLETE=OFF /&gt;
      &lt;/p&gt;
      &lt;p&gt;
          &lt;label for=&quot;password&quot;&gt;Password&lt;/label&gt;
          &lt;input id=&quot;password&quot; name=&quot;password&quot; type=&quot;password&quot; AUTOCOMPLETE=OFF
          /&gt;
      &lt;/p&gt;
  &lt;/fieldset&gt;
  </code></pre>
  <p>here is an example for the code <strong>with issue</strong>:</p>
  <pre><code>&lt;table width=&quot;100%&quot; border=&quot;0&quot;&gt;
      &lt;tr&gt;
          &lt;td&gt;
              &lt;label for=&quot;username&quot;&gt;User name&lt;/label&gt;
          &lt;/td&gt;
          &lt;td&gt;
              &lt;input name=&quot;username&quot; id=&quot;username&quot; tabindex=&quot;1&quot; /&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;
              &lt;label for=&quot;email&quot;&gt;Email&lt;/label&gt;
          &lt;/td&gt;
          &lt;td&gt;
              &lt;input name=&quot;email&quot; type=&quot;email&quot; id=&quot;email&quot; placeholder=&quot;info@tympanus.net&quot;
              tabindex=&quot;2&quot; AUTOCOMPLETE=OFF /&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;
              &lt;label for=&quot;password&quot;&gt;Password&lt;/label&gt;
          &lt;/td&gt;
          &lt;td&gt;
              &lt;input name=&quot;password&quot; type=&quot;password&quot; id=&quot;password&quot; tabindex=&quot;3&quot; AUTOCOMPLETE=OFF
              /&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  &lt;p&gt;&amp;nbsp;&lt;/p&gt;
  </code></pre>
  <p>without adding the last line, the code will work, but the TAB will not, it will jump to the next slide directly without selecting the inputs in the same slide.</p>
  <p>how can i fix this issue by moving between the tabbed form, with TAB button without any issue.</p>