Form data to object to HTML
I'd say give your "output" elements a data-* attribute that matches the name of the form value it should contain. For instance:

​&lt;div​​​ class="form_content"&gt;
    &lt;div data-key="fname"&gt;&lt;/div&gt;
    &lt;div data-key="lname"&gt;&lt;/div&gt;
    &lt;div data-key="phone"&gt;&lt;/div&gt;
    &lt;div data-key="fax"&gt;&lt;/div&gt;
&lt;/div&gt;​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​


Then, you can do something like:

$('#save').click(function() {
  var values = $('form').serializeArray(),
      output = $('#values');

  $.each(values, function() {
    output.children("[data-key='" + this.name + "']").text(this.value);
  });
});


Here's a demo