title: I need help formatting a data-bind using Knockout
body: <p>I am fairly new to Knockout and I am looking for way to format the output.   I saw an example that was something like this but of course my attempt is not working.</p>
  
  <p>Here is the link to the jsfiddle: <a href="http://jsfiddle.net/cezmp/" rel="noreferrer">http://jsfiddle.net/cezmp/</a></p>
  
  <pre><code>&lt;div id="VMDiv"&gt;    
  &lt;table&gt;
     &lt;thead&gt;
        &lt;tr&gt;
           &lt;th&gt;Raw&lt;/th&gt;
           &lt;th&gt;Formatted&lt;/th&gt;
        &lt;/tr&gt;
     &lt;/thead&gt;
     &lt;tbody&gt;
         &lt;tr&gt;
            &lt;td data-bind="text : SomeData "&gt; &lt;/td&gt;
            &lt;td data-bind="text : formatPercent(SomeData())"&gt; &lt;/td&gt;
         &lt;/tr&gt;
      &lt;/tbody&gt;
  &lt;/table&gt;
  &lt;/div&gt;
  
  
  &lt;script type="text/javascript"&gt;
      function formatPercent(value) {
          return value.toFixed(2) + "%";
      }
  
      function vm() {
          var self = this;
          self.SomeData = ko.observable(62.1795972898);
      }
  
      ko.applyBindings(new vm(), document.getElementById("VMDiv"));
  &lt;/script&gt;
  </code></pre>