title: Appending to JSON object using JavaScript
body: <p>I'm building the JSON object using JavaScript. How would I inset the following data to the bottom of the stack:</p>
  
  <pre><code>"hello": { "label":"Hello", "url":"#hello" }
  </code></pre>
  
  <p>in to the following variable:</p>
  
  <pre><code>var ListData = {
    "main": {
      "label":"Main",
      "url":"#main"
    },
    "project": {
      "label":"Project",
      "url":"#project"
    },
    "settings": {
      "label":"Settings",
      "url":"#settings",
      "subnav":[
        {
          "label":"Privacy",
          "url":"#privacy"
        },
        {
          "label":"Security",
          "url":"#security"
        },
        {
          "label":"Advanced",
          "url":"#advanced"
        }
      ]
    }
  };
  </code></pre>
  
  <p>So the variable looks like:</p>
  
  <pre><code>var ListData = {
    "main": {
      "label":"Main",
      "url":"#main"
    },
    "project": {
      "label":"Project",
      "url":"#project"
    },
    "settings": {
      "label":"Settings",
      "url":"#settings",
      "subnav":[
        {
          "label":"Privacy",
          "url":"#privacy"
        },
        {
          "label":"Security",
          "url":"#security"
        },
        {
          "label":"Advanced",
          "url":"#advanced"
        }
      ]
    },
    "hello": {
      "label":"Hello",
      "url":"#hello"
    }
  };
  </code></pre>
  
  <p>I used the following code but it doesn't seem to work:</p>
  
  <pre><code>var NewData = '"hello": { "label":"Hello", "url":"#hello" }';
  ListData.push(NewData);
  </code></pre>