Как сделать переход к следующему полю при заполнении предыдущего?

<div class="pass" style="    display: inline-block; line-height: 2"> 

<input type="text" style="width: 25px; padding: 10px 0px 10px 0px; height: 25px; text-align: center; display: inline; border-radius: 0px;" maxlength="1" placeholder="1">
<input type="text" style="width: 25px; padding: 10px 0px 10px 0px; background: #b7ebf1; border: 1px solid #b7ebf1; height: 25px; text-align: center; display: inline; border-radius: 0px;" disabled="" placeholder="2">
<input type="text" style="width: 25px; padding: 10px 0px 10px 0px; background: #b7ebf1; border: 1px solid #b7ebf1; height: 25px; text-align: center; display: inline; border-radius: 0px;" disabled="" placeholder="3">
<input type="text" style="width: 25px; padding: 10px 0px 10px 0px; background: #b7ebf1; border: 1px solid #b7ebf1; height: 25px; text-align: center; display: inline; border-radius: 0px;" disabled="" placeholder="4">
<input type="text" style="width: 25px; padding: 10px 0px 10px 0px; height: 25px; text-align: center; display: inline; border-radius: 0px;" maxlength="1" placeholder="5">
<input type="text" style="width: 25px; padding: 10px 0px 10px 0px; height: 25px; text-align: center; display: inline; border-radius: 0px;" maxlength="1" placeholder="6">
<input type="text" style="width: 25px; padding: 10px 0px 10px 0px; background: #b7ebf1; border: 1px solid #b7ebf1; height: 25px; text-align: center; display: inline; border-radius: 0px;" disabled="" placeholder="7">
<input type="text" style="width: 25px; padding: 10px 0px 10px 0px; height: 25px; text-align: center; display: inline; border-radius: 0px;" maxlength="1" placeholder="8">
<input type="text" style="width: 25px; padding: 10px 0px 10px 0px; height: 25px; text-align: center; display: inline; border-radius: 0px;" maxlength="1" placeholder="9">
<input type="text" style="width: 25px; padding: 10px 0px 10px 0px; height: 25px; text-align: center; display: inline; border-radius: 0px;" maxlength="1" placeholder="10">

<input type="text" style="width: 25px; padding: 10px 0px 10px 0px; height: 25px; text-align: center; display: inline; border-radius: 0px;" maxlength="1" placeholder="11">
<input type="text" style="width: 25px; padding: 10px 0px 10px 0px; height: 25px; text-align: center; display: inline; border-radius: 0px;" maxlength="1" placeholder="12">
<input type="text" style="width: 25px; padding: 10px 0px 10px 0px; background: #b7ebf1; border: 1px solid #b7ebf1; height: 25px; text-align: center; display: inline; border-radius: 0px;" disabled="" placeholder="13">
<input type="text" style="width: 25px; padding: 10px 0px 10px 0px; height: 25px; text-align: center; display: inline; border-radius: 0px;" maxlength="1" placeholder="14">
<input type="text" style="width: 25px; padding: 10px 0px 10px 0px; background: #b7ebf1; border: 1px solid #b7ebf1; height: 25px; text-align: center; display: inline; border-radius: 0px;" disabled="" placeholder="15">
<input type="text" style="width: 25px; padding: 10px 0px 10px 0px; background: #b7ebf1; border: 1px solid #b7ebf1; height: 25px; text-align: center; display: inline; border-radius: 0px;" disabled="" placeholder="16">
<input type="text" style="width: 25px; padding: 10px 0px 10px 0px; height: 25px; text-align: center; display: inline; border-radius: 0px;" maxlength="1" placeholder="17">
<input type="text" style="width: 25px; padding: 10px 0px 10px 0px; background: #b7ebf1; border: 1px solid #b7ebf1; height: 25px; text-align: center; display: inline; border-radius: 0px;" disabled="" placeholder="18">
<input type="text" style="width: 25px; padding: 10px 0px 10px 0px; background: #b7ebf1; border: 1px solid #b7ebf1; height: 25px; text-align: center; display: inline; border-radius: 0px;" disabled="" placeholder="19">
<input type="text" style="width: 25px; padding: 10px 0px 10px 0px; background: #b7ebf1; border: 1px solid #b7ebf1; height: 25px; text-align: center; display: inline; border-radius: 0px;" disabled="" placeholder="20">


</div>

function nextJump1(x) {
	if (x.value.length == 1) {
		x.value = "";
		do {
			x = x.nextSibling;
		}
		while (x && !(/text/.test(x.type)));
		if (x && /text/.test(x.type)) {
			
			$(x).select();
		}
	}
}