title: Input focus change
body: <p>I tried to make crossword like quiz, and need to change focus on input when input is field with letter. The problem is that I can change focus on fields that are in same div</p>
  
  <pre><code>$(".inputs").keyup(function () {
      $(this).next().focus();
  });
  </code></pre>
  
  <p>or between two divs</p>
  
  <pre><code>$(':input').keyup(function (e) {
      if ($(this).val().length == $(this).attr('maxlength')) {
          $(this).closest('div').next().find(':input').first().focus();
      }
  })
  </code></pre>
  
  <p>but I do not know how to change focus on next input nevermind if it is in the same div or it is in another div.</p>
  
  <pre><code>&lt;div class="answer_1"&gt;
      &lt;input class="inputs letter square border_orange" maxlength="1"  type="text" /&gt;
      &lt;input class="inputs letter square border_orange" maxlength="1" type="text" /&gt;
  &lt;/div&gt;
  &lt;div class="answer_2"&gt;
      &lt;input class="inputs letter square border_orange" maxlength="1"  type="text" /&gt;
      &lt;input class="inputs letter square border_orange" maxlength="1" type="text" /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Html code is above, I tried to change input focus first inside inputs in answer_1 div, and when I finish with second input here, to automaticly change focus on input in next div.
  Any suggestion?</p>