关于<form>标签的位置发生了变化，应如何自救？

Question

你们有没有遇到过这种情况，当使用ajax 拼接完html 本可以点击提交而提交数据的现在提交不了了，最后查看了一下控制台发现 form的结束标签提前了 有一些本该提交的东西跑他外边了 导致数据提交为空，这种情况该如何让处理？这是拼接代码：var html = "<select name="package" class="package"id="select_id">";            for(var i in data){                    for( var j in data[i]){                        html += "<option value=\'";                        html += data[i][j];                        html += "\'>"+data[i][j]+"</option>";                    }                }                html += "</select>";                $(".appointment .packagepick").append(html);这是html代码：                                        <select name="package" class="package" id="select_id">                                             <volist name="list" id="vo">                                                <option value="{$vo['package']}">{$vo['package']}</option>                                            </volist>                                        </select>