在表单中使用contentEditable

Question

我正在处理一个带有contenteditable='true'的跨度或div的表单我有以下jQuery正在为所有.formField选择器创建隐藏表单字段但是想知道这是否是最好的方法，或者有更有效的方法。我们的想法是通过标准方式提交页面，而不是使用ajax。谢谢！

<script language="javascript">
$(document).ready(function(){
    $('form').submit(function(){
        $('.formField').each(function(){
            $('<input>').attr({
                type : 'hidden',
                id : $(this).attr('id'),
                name : $(this).attr('name'),
                value : $(this).html() 
            }).appendTo('form');
        })
    })
})
</script>
<form name = "contentEditableTest" id = "contentEditableTest" method = "post">
    <span id = "test" name = "test" contentEditable="true" class = "formField">This is editable</span>
    <span id = "test2" name = "test2" contentEditable="true" class = "formField">This is editable too</span>
    <input type = "submit" id ="submitIt" name="submitIt" value = "go"/>
</form>