title: Merging two Objects without overwriting
body: <p>I have two Javascript objects of similar to this:</p>
  
  <pre><code>"Object 1": {
      "a": {
          "1": "test 1",
          "2": "test 2"
      },
      "b": {
          "3": "test 3",
          "4": "test 4"
      },
  }
  
  "Object 2": {
      "a": {
          "1": "test 5",
          "2": "test 6"
      },
      "b": {
          "3": "test 7",
          "4": "test 8"
      },
  }
  </code></pre>
  
  <p>The only difference between the two are the values of the very deepest level. I would like to merge them so the resulting object looks like this:</p>
  
  <pre><code>"Object 4": {
      "a": {
          "1": ["test 1", "test 5"],
          "2": ["test 2", "test 6"]
      },
      "b": {
          "3": ["test 3", "test 7"],
          "4": ["test 4", "test 8"]
      },
  }
  </code></pre>
  
  <p>Basically I just want to combine the deepest values into lists. Can anybody help?</p>
  
  <p>Edit: My ultimate goal is to spit these values out into a table like so:</p>
  
  <pre><code>&lt;table&gt;
      &lt;tr&gt;
          &lt;td&gt;test 1&lt;/td&gt;
          &lt;td test 5&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;test 2&lt;/td&gt;
          &lt;td test 6&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;test 3&lt;/td&gt;
          &lt;td test 7&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;test 4&lt;/td&gt;
          &lt;td test 8&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>If you know a better way to get this done please let me know!</p>