title: Moving cursor when maxlength in jQuery
body: <p>I want to move cursor to the next input when the maxlength of the current input is reached.But it's not working.
  So when I have 10 letters for 'Name',my cursor must be moved on 'Country'.</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;input type="text" id="1"  name="Name"   maxlength="10" /&gt;
  &lt;input type="text" id="2"  name="Country"  maxlength="9" /&gt;
  &lt;input type="text" id="3" name="Password"   maxlength="8" /&gt;
  </code></pre>
  
  <p>jQuery:</p>
  
  <pre><code>$(document).ready(function() {
  
      $("inputs").keyup(function () {
          if (this.value.length == this.maxength) {
            $(this).next('inputs').focus();
          }
      });
  
  });
  </code></pre>