问在动态创建的输入上使用向下箭头键将光标移动到下一个输入

EN

<table cellspacing="0" cellpadding="0" border="0" align="center" class="dave-table" id="TabsTabeUniformity">
            <tbody><tr><th id="counter">No of rows: 3</th>
            </tr></tbody><tbody>                
            <tr>
                <td height="53"><div align="center">No.</div></td>
                <td valign="middle" align="center"><p align="center">Tablets (mg)</p></td>
                <td><button id="addRow">+ Add Row</button></td>
            </tr>
           <tr><td><div align="center">1</div></td>
                       <td><input type="text" tabindex="1" required="" class="num" size="25" name="tabdata[]" id="tcsv1"></td>
                       <td><button id="remRow">-Remove</button></td>
                   </tr><tr><td><div align="center">2</div></td>
                       <td><input type="text" tabindex="1" required="" class="num" size="25" name="tabdata[]" id="tcsv1"></td>
                       <td><button id="remRow">-Remove</button></td>
                   </tr><tr><td><div align="center">3</div></td>
                       <td><input type="text" tabindex="1" required="" class="num" size="25" name="tabdata[]" id="tcsv1"></td>
                       <td><button id="remRow">-Remove</button></td>
                   </tr><tr>
                <td><div align="center">Average</div></td>
                <td><input type="text" readonly="" name="average" id="av1"></td>

            </tr>
            </tbody>

            <input type="hidden" id="tabStatus" name="tablet">          
        </table>

$(document).on('keydown','#TabsTabeUniformity > tbody tr.num',function (e) {
    if (e.which === 40) {

        $(this).closest('td').nextAll().eq(1).find('.num').focus()
    }
 });