As long as I only use objects 1 level deep everything merges correctly.

1. objOne = {
         face: "book",
         captain: "crunch"
   }
   
   
   objTwo = {
         face: "space",
         foo: "bar"
   }
   
   
   newObj = $.extend(true, objOne, objTwo);

correctly becomes:

1. newObj = {
2.       face: "space",
3.        captain: "crunch",
4.       foo: "bar"
5. }

The problem is when I try to use a nested value.

1. objOne = {
         face: "book",
         cereal: {
               captain: "crunch",
               coco: "puffs"
         }
   }
   
   
   objTwo = {
         face: "space",
         cereal: {
               captain: "bar"
         }
   }
   
   
   newObj = $.extend(true, objOne, objTwo);

should be:

1. newObj = {
         face: "space",
         cereal: {
               captain: "bar",
               coco: "puffs"
         }
   }

what I end up with is:

1. newObj = {
         face: "space",
         cereal: {
                captain: "bar"
         }
   }