JQ中动态增加form以及参数提交的问题

Question

form的html结构
`

    <div class="panel-body">
                  <form class="form-horizontal" id="projectForm" onsubmit="return false">
                      <div class="form-group-del">
                          <label class="col-sm-2 control-label">
                              拍摄点名称<span class="redstar"></span>
                          </label>
                          <div class="col-sm-4">
                              <input class="form-control" name="name" type="text" placeholder="必填项:请输入" />
                          </div>
                          <label class="col-sm-2 control-label">
                              经度<span class="redstar"></span>
                          </label>
                          <div class="col-sm-4">
                              <input class="form-control" name="projectUnit" type="text" placeholder="必填项:请输入" />
                          </div>
                      </div>
                      <div class="form-group-del">
                          <label class="col-sm-2 control-label">
                              纬度<span class="redstar"></span>
                          </label>
                          <div class="col-sm-4">
                              <input class="form-control" name="projectUnit" type="text" placeholder="必填项:请输入" />
                          </div>
                      </div>

                      <div class="form-group-del pic">
                          <label class="col-sm-2 control-label">
                              代表性照片
                          </label>
                          <div class="col-sm-4">
                              <input class="form-control" name="projectUnit" type="text" placeholder="必填项:请输入" />
                              <input type="file" accept=".png,.jpg,.jpeg" />
                          </div>
                      </div>
                      <div class="form-group-del">
                          <label class="col-sm-2 control-label">
                              四方位照片:东
                          </label>
                          <div class="col-sm-4">
                              <input class="form-control" name="projectUnit" type="text" placeholder="必填项:请输入" />
                              <input type="file" accept=".png,.jpg,.jpeg" />
                          </div>
                      </div>
                      <div class="form-group-del">
                          <label class="col-sm-2 control-label">
                              四方位照片:北
                          </label>
                          <div class="col-sm-4">
                              <input class="form-control" name="projectUnit" type="text" placeholder="必填项:请输入" />
                              <input type="file" accept=".png,.jpg,.jpeg" />
                          </div>
                      </div>
                      <div class="form-group-del">
                          <label class="col-sm-2 control-label">
                              四方位照片:西
                          </label>
                          <div class="col-sm-4">
                              <input class="form-control" name="projectUnit" type="text" placeholder="必填项:请输入" />
                              <input type="file" accept=".png,.jpg,.jpeg" />
                          </div>
                      </div>
                      <div class="form-group-del">
                          <label class="col-sm-2 control-label">
                              四方位照片:南
                          </label>
                          <div class="col-sm-4">
                              <input class="form-control" name="projectUnit" type="text" placeholder="必填项:请输入" />
                              <input type="file" accept=".png,.jpg,.jpeg" />
                          </div>
                      </div>
                      <div class="form-group-del">
                          <label class="col-sm-2 control-label">
                              全景照片
                          </label>
                          <div class="col-sm-4">
                              <input class="form-control" name="projectUnit" type="text" placeholder="必填项:请输入" />
                              <input type="file" accept=".png,.jpg,.jpeg" />
                          </div>
                      </div>
                  </form>
              </div>

`

点击新增按钮的时候 下面的表单以及字段会新增一套

问题

1.使用append的话是在 div class panel-body 下append一个新的form呢 还是在form下 apeend 各个input呢
新增的时候 input元素的 name value 需要加索引吗

2.因为不能预见 用户会新增多少字段内容，因此跟后台交互的时候，如果后台要求的json字段如图

`
{
//用户新增的第一个表单
"form": {

"参数1": "value",

"参数2": "value",

"参数3": "value",

"参数4": "value"

},
//用户新增的第二个表单
"form2": {

"参数1": "value",

"参数2": "value",

"参数3": "value",

"参数4": "value"

},
//用户新增的第三个表单
"form3": {

"参数1": "value",

"参数2": "value",

"参数3": "value",

"参数4": "value"

}
.......
}

`

如何获取这样的参数传递