提交javascript变量的值以及表单提交

如何在提交表单的同时提交javascript变量的值？这就是我到目前为止所做的：

var data = "abc";

$('form').submit(function(){
//add new hidden input field with value = data
});

注意：html页面将只有一个表单。

为什么不简单

var data = "abc";

$('form').submit(function(){
    $("form").append('<input type="hidden" name="data" value="' + data + '"');
});

$('form').submit(function(){
    $('<input type="hidden" name="data" />').attr('value', data).appendTo(this);
});

重复：进一步可能的重复：我有点新，但看到已经提交的三个答案，我倾向于问这是否是将数据仔细连接到输入标记中的最佳方式；如果包含引号，则生成的标记将无效。.attr或在这个特殊情况下.val函数将更可靠地执行此操作。

$('form').submit(function(){
    $(this).append($('<input />').attr('name', 'data').attr('value', data));
});