I want to save all inputs on my html with this jQuery code:

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

This is to that I can display them right in the browser.

What happens after saving is that all td elements appear in a new line. How can I prevent that?

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

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

Is there a better solution to store the data locally with just HTML, JS?