从div中输出的所有插入的Web表单值中保存javascript cookie

Question

我有一个非常小的HTML网页表单。在用户填写表单然后点击我的.add按钮后，我想抓取所有输入的表单内容。我试图设置一个cookie来实现这一目标。我希望表单的内容在每个时间填写/点击后显示在我的.results div中。

以下是我的进展，我相信这一进展正在接近：

    $(function () {
      $(".add").click(function () {

            addContent('results', document.form.addContent.value); setCookie('content', document.form.addContent.value, 7);

          // $('.results').html($('.results').html()+"<br/>"+form.html());
      });
    });
    function addContent('results', content) {
         document.getElementByClassName('results').innerHTML = content;
    }

            <form id="form" name="form">....

<!-- simple html web form, 4-6 fields -->

            <button class="add">add</button>

            </form>

    <div class="results"></div>....

*目前在.results div中没有​​任何渲染/输出。

以及在控制台中收到此错误：未捕获的SyntaxError：意外的字符串* 。

更新

这个jsfiddle是我的完整代码。虽然现在jsfiddle正在输出它自己的环境错误，但请用户使用POST方法＆＃39;我在我的实际服务器上没有得到类似的东西，但至少看到完整的代码可能有助于更好地描绘问题/目标/问题。