title: Binding table row with click event
body: <p>I am using knockout and when I have binded a click event on my table row. However, when I click on the row, it displays the following error: </p>
  
  <pre><code>function d(){if(0&lt;arguments.length){if(!d.equalityComparer||!d.equalityComparer(c,arguments[0]))d.H(),c=arguments[0],d.G();return this}b.r.Wa(d);return c}
  </code></pre>
  
  <p>does anyone know why I am getting this error? </p>
  
  <p>Here's my view for the table: </p>
  
  <pre><code>&lt;tbody data-bind="foreach: customers"&gt;
                      &lt;tr data-bind="click: $root.doSomething"&gt;     
                          &lt;td data-bind="text: date"&gt;&lt;/td&gt;
                          &lt;td data-bind="text:staff"&gt;&lt;/td&gt;
                          &lt;td data-bind="text: ftype"&gt;&lt;/td&gt;
                          &lt;td data-bind="text: value"&gt;&lt;/td&gt;
                          &lt;td data-bind="text: message"&gt;&lt;/td&gt;
                          &lt;/td&gt;
                      &lt;/tr&gt;
                  &lt;/tbody&gt;
  </code></pre>
  
  <p>Here's my viewmodel: </p>
  
  <pre><code>doSomething: function(data) { 
      var self = this;      
      self.date(data.date);        
      self.staff(data.staff); 
      self.ftype(data.ftype);
                 self.value(data.value);
                 self.message(data.message);  
  
  }
  </code></pre>