title: Knockout.js how to access the inner object property on data-bind
body: <p>I've a super simple knockout code below:</p>
  
  <pre><code>var data ={
      "Id" : 1001,
      "SalePrice" : 12345,
      "ListPrice" : 333,
      "ShortDesc" : "Tayler 12345E",
      "Description" : " Long Description"
  };
  
  
  var viewModel={
      dataTest: ko.observable(data)
  };
  
  
  ko.applyBindings(viewModel);
  
  &lt;span data-bind="text: dataTest.SalePrice"&gt;&lt;/span&gt;
  </code></pre>
  
  <p>Basically, I've passed the whole data object to observable property dataTest. I would have thought it's easy enough to access the property of inner object with dot notation. But's not.</p>
  
  <p>Could someone please help how to make above code to work?</p>