javascript - フォームでの contentEditable の使用

Question

contenteditable='true'すべてのセレクターの隠しフォームフィールドを作成するために次の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>