Eu tenho um formulário da web html muito pequeno. Gostaria de pegar todo o conteúdo do formulário inserido, depois que o usuário preencher o formulário e clicar em meu.add botão. Estou tentando definir um cookie para conseguir isso. Gostaria que o conteúdo do formulário aparecesse dentro do meu.results div depoiscada tempo em que foi preenchido / clicado.

Abaixo está o meu progresso, que acredito estar chegando perto:

    $(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>....

* Atualmente, nada de renderização / saída em.results div.

além de receber este erro no console:SyntaxError não capturado: sequência inesperada *.

Atualizar:

Dentro distojsfiddle é o meu código completo. Embora o jsfiddle esteja produzindo seus próprios erros de ambiente agora com 'please user POST method' etc. Eu não recebo nada parecido no meu servidor real, mas pelo menos ver o código completo pode ajudar a entender melhor o problema / meta / Pergunta, questão.