表单提交无法识别动态添加的输入（使用JavaScript）

Question

我有表格的HTML代码：

<tr>
<form action="/some_action/" method="POST" id="send_form" class="test-form">
    {% csrf_token %}
        </div>
            <button type="button" class="btn-add btn btn-info" aria-label="Left Align">
                    add <span class="glyphicon glyphicon-plus-sign"/>
            </button>
        </td>
        <td>
            <div class="courier-date-from-data">
            </div>
        </td>
        <td>
            <div class="courier-date-to-data">
            </div>
        </td>
        <td>
            <div class="start-km-data">
            </div>
        </td>
        <td>
            <div class="end-km-data">
            </div>
        </td>
        <td>
            <div class="btn-group">
            <button type="button" class="btn btn-options btn-default dropdown-toggle" data-toggle="dropdown"></button>
            <ul class="dropdown-menu" role="menu">
                <li type="submit" class="btn-options-save"><a onclick="">save</a></li>
                <li class="btn-options-cancel"><a onclick="">cancel</a></li>
            </ul>
            </div>
        </td>
    </form>

并在底部输入模板：

<input type="number" class="form-control  start-km-template" style="display: none;" name="" id="">
<input type="number" class="form-control  end-km-template" style="display: none;" name="" id="">

JavaScript的：

var selector2 = "start-km-0";
$( ".start-km-template" )
                .clone()
                .removeClass("start-km-template")
                .css("display","block")
                .addClass(selector2)
                .attr("id", selector2)
                .attr("name", selector2)
                .appendTo(".start-km-data");

当我想提交请求时（仅使用type =“submit”的输入），表单不识别表单标记中的新输入字段。 如何解决这个问题？