title: I can not push an object in JSON, but console.log() works
body: <p>I can not push an object in JSON, but console.log() works. console.log() shows that the addition of an object, but does not appear json string?</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>var results = [{
    "id": 0,
    "name": "Green",
    "category": "project",
    "year": 2008,
    "description": "my description",
    "comments": [{
      "rating": 5,
      "comment": "Perfect",
      "author": "Sandra",
      "date": "2012-10-16T17:57:28.556094Z"
    }, {
      "rating": 4,
      "comment": "Cool",
      "author": "Milena",
      "date": "2014-09-05T17:57:28.556094Z"
    }, {
      "rating": 3,
      "comment": "No bad",
      "author": "Milan",
      "date": "2015-02-13T17:57:28.556094Z"
    }, {
      "rating": 4,
      "comment": "Good job",
      "author": "Toma",
      "date": "2013-12-02T17:57:28.556094Z"
    }, {
      "rating": 2,
      "comment": "OK",
      "author": "Aleksandar",
      "date": "2011-12-02T17:57:28.556094Z"
    }]
  }];
  
  document.getElementById('show').innerHTML = results[0].comments[1].author;
  
  document.getElementById("sendComment").onclick = function() {
  
    var hg = {
      "rating": 1,
      "comment": "Hello",
      "author": "X",
      "date": "2014-09"
    }
    results[0].comments.push(hg);
    console.log(results[0].comments);
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div id='show'&gt;&lt;/div&gt;
  &lt;button id='sendComment'&gt;Send&lt;/button&gt;</code></pre>
  </div>
  </div>
  </p>