Quiero guardar todas las entradas en mi html con este código jQuery:

 $("#replace").click(function() { $(".input").each(function() { $(this).after($(this).val()); $(this).remove(); }); });

Esto es para que pueda mostrarlos directamente en el navegador.

Lo que sucede después de guardar es que todos los elementos td aparecen en una nueva línea. ¿Cómo puedo prevenir eso?

 <!--wrong--> <td class="keylabel>Telephone</td> <td>01234567890</td> <!--expected output--> <td class="keylabel>Telephone</td><td>01234567890</td>

¿Existe una mejor solución para almacenar los datos localmente con solo HTML, JS?