title: Auto tab to next blank text input box
body: <p>Here is a jsfiddle example I've been working on:</p>
  
  <p><a href="http://jsfiddle.net/4m5fg/143/" rel="nofollow">http://jsfiddle.net/4m5fg/143/</a></p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;input type="text" maxlength="1" size="1"/&gt;
  &lt;input type="text" maxlength="1" value="e" tabindex="-1" size="1" readonly /&gt;
  &lt;input type="text" maxlength="1" size="1"/&gt;
  &lt;input type="text" maxlength="1" value="r" tabindex="-1" size="1" readonly /&gt;
  &lt;input type="text" maxlength="1" size="1"/&gt;
  </code></pre>
  
  <p>JS:</p>
  
  <pre><code> $("input").bind("input", function() {
          var $this = $(this);
          setTimeout(function() {
              if ( $this.val().length &gt;= parseInt($this.attr("maxlength"),10) )
                  $this.next("input").focus();
          },0);
      });
  </code></pre>
  
  <p>In the above example, if I'm starting at the leftmost textbox, how can I make it so when the character is entered into this textbox the cursor advances to the next blank textbox (not the next filled in textbox)---and have it continue on in this manner for other textboxes.</p>