关于<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>