mostrando los valores presentados

Estoy tratando de actualizar los valores de formulario que ingresé en el formulario para mostrarlos como una lista. Estoy tratando de obtener los valores del formulario y mostrar los valores usando el almacenamiento local, pero no estoy seguro de cómo mostrar los valores ingresados ​​dentro de una etiqueta div con una clase de gettingValues .

¿Puedes decirme cómo hacerlo? Estoy proporcionando mi código a continuación. Lo puse en un Codepen también: http://codepen.io/anon/pen/PNjQRQ?editors=1010

 
getting form values

Debería obtener los valores enviados en el formulario en:

 $('#localStorageTest').submit(function() { localStorage.clear(); }); 

Cambiando a:

 $('#localStorageTest').submit(function(e) { e.preventDefault(); var div = "
"+$('#name').val()+""+$('#email').val()+"
"; //add your data in span, p, input.. $('.gettingValues').append(div); //apendd the div $('#localStorageTest')[0].reset(); //clear the form localStorage.clear(); });

Pero si desea hacer clic en el botón ‘editar’ o ‘eliminar’ y activar alguna función, debe adjuntar una función de enlace y establecer un ‘id’ o un identificador único para saber qué usuario editar / eliminar.

Si también desea almacenar el usuario enviado, puede agregar una función $.get / $.post .

¡Espero eso ayude!