title: JSON string in DOM does not match object in chrome console?
body: <p>I am doing something similar to the following:</p>
  
  <pre><code>var car = {'make':'honda'};
  
  console.log(car);
  
  car.model = 'civic';
  
  $('#car').text(JSON.stringify(car));
  
  console.log(car);
  </code></pre>
  
  <p>When I open up developer console and type in <code>car</code>, I only see: </p>
  
  <pre><code>{make: "honda"}
  </code></pre>
  
  <p>If I do <code>console.log(car)</code>, I see: </p>
  
  <pre><code>{make: "honda", model: "civic"}
  </code></pre>
  
  <p>What could be the reason why I don't see my updated object when typing it in the Chrome console?</p>
  
  <p>If I type in <code>JSON.parse($('#car').text())</code>, I see the whole object.  Is this how I have to do it?</p>
  
  <p>Updated example:</p>
  
  <p>The following happens in a jquery ajax success callback:</p>
  
  <pre><code>var localClientStorage = window.localStorage;
  
  var car= localClientStorage.getItem("car");
  
  car = JSON.parse(car);
  
  car.model= 'civic';
  
  localClientStorage.setItem("car", JSON.stringify(car));
  </code></pre>
  
  <p>When I type in car in the console, the model property is not there.</p>
  
  <pre><code>function getCarModel(make) {
  
      $.ajax({
          url: '/Car/GetModel',
          async: true,
          type: "POST",
          dataType: "json",
          contentType: "application/json",
          data: JSON.stringify({ make: make })
  
          success: function (data) {
  
                      var localClientStorage = window.localStorage;
  
                      var carObject = localClientStorage.getItem("car");
  
                      carObject = JSON.parse(carObject );
  
                      carObject.model = data.Car.Model;
  
  
                      localClientStorage.setItem("car", JSON.stringify(carObject));
  
               $('#carObject').text(JSON.stringify(carObject));
  
                      localClientStorage.removeItem("car");
  
              } 
      });
  };
  </code></pre>