title: Add child object with value to existing javaScript object
body: <p>I have an empty root object created in JavsScript:</p>
  
  <pre><code>var myObject = {};
  </code></pre>
  
  <p>Now, I want to add a child object with a value:</p>
  
  <pre><code>{  
     "myObject ":{  
        "myChildObject":"FooBar"
     }
  }
  </code></pre>
  
  <p>Seems simple enough, but I'm having a hard time finding an answer.  Most of the examples I find are related to DOM objects (div's) and don't really translate well.  I've been looking at <a href="http://www.w3schools.com/jsref/met_node_appendchild.asp" rel="nofollow noreferrer">W3Schools on their .appendChild() page</a>, but the examples there don't set a value.</p>