title: Why is my knockoutjs computed observable not working?
body: <p>I can't seem to have a computed value of this working. any input would be appreciated.</p>
  
  <p>i get the values for my prices from server.</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 pModel = function () {
       var self = this;
       self.prices = ko.observable({ "ID": 1,"Price1": 12,"Price2": 12});
  
       self.Total = ko.computed(function () {
           var total = 0;
           total = self.prices().Price1 + self.prices().Price2;
           return total;
       });
   };
   var VModel = new pModel();
   ko.applyBindings(VModel);</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/2.1.0/knockout-min.js"&gt;&lt;/script&gt;
  &lt;form action='/someServerSideHandler'&gt;
      &lt;table&gt;
          &lt;thead&gt;
              &lt;tr&gt;Prices&lt;/tr&gt;
          &lt;/thead&gt;
          &lt;tbody id="calc"&gt;
              &lt;tr&gt;
                  &lt;td&gt;Price 1&lt;/td&gt;
                  &lt;td&gt;
                      &lt;input data-bind='value: prices().Price1' /&gt;
                  &lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;td&gt;price 2&lt;/td&gt;
                  &lt;td&gt;
                      &lt;input data-bind='value: prices().Price2' /&gt;
                  &lt;/td&gt;
              &lt;/tr&gt;
              &lt;td&gt;TOTAL&lt;/td&gt;
              &lt;td&gt; &lt;span data-bind="text: $root.Total"&gt;&lt;/span&gt;
              &lt;/td&gt;
          &lt;/tbody&gt;
      &lt;/table&gt;
  &lt;/form&gt;</code></pre>
  </div>
  </div>
  </p>