Tengo un formulario web html muy pequeño. Me gustaría obtener todos los contenidos ingresados del formulario, después de que el usuario complete el formulario y luego haga clic en mi.add botón. Estoy tratando de configurar una cookie para lograr esto. Me gustaría que el contenido del formulario aparezca en mi.results div despuescada vez que se ha completado / hecho clic.

A continuación se muestra mi progreso, que creo que se está acercando:

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

* Actualmente no hay nada renderizado / salida en.results div.

además de recibir este error en la consola:SyntaxError no capturado: cadena inesperada *.

Actualizar:

Dentro de estejsfiddle Es mi código completo. Aunque jsfiddle está generando sus propios errores de entorno ahora con 'por favor, método de POST del usuario', etc. No obtengo nada así en mi servidor real, pero al menos ver el código completo puede ayudar a pintar una mejor imagen del problema / objetivo / pregunta.