title: Get data-bind="text: ko.toJSON($root) to refresh when UI inputs change
body: <p>What is the best way to get this to auto update when the UI inputs bound to the view model changes.</p>
  
  <pre><code>&lt;div style="word-wrap: break-word" data-bind="text: ko.toJSON($root)"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>Edit_<strong><em>_</em>__<em>_</em>__<em>_</em>__<em>_</em>____</strong></p>
  
  <pre><code> var ViewModel = (function () {
      function ViewModel(json) {
          this.Foo= ko.observableArray(json.Foo);
  
      }
      return ViewModel;
  })();
  var viewModel = new ViewModel(rawJson);
  $(document).ready(function () {
      ko.applyBindings(viewModel);
  });
  </code></pre>