title: clickBubble: false not working
body: <p>I've followed this example from the KO documentation article on the <code>click</code> binding <a href="http://knockoutjs.com/documentation/click-binding.html" rel="noreferrer">here</a>:</p>
  
  <pre><code>&lt;div data-bind="click: myDivHandler"&gt;
      &lt;button data-bind="click: myButtonHandler, clickBubble: false"&gt;
          Click me
      &lt;/button&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And my code looks like this:</p>
  
  <pre><code>&lt;tr role="row" data-bind="click: 'True' === 'True' ? ($root.BrowsingCatalog() ? $root.viewProduct : $root.showProduct) : $root.showProduct"&gt;
      &lt;td class="col-sm-1" data-bind="visible: 'True' == 'True' ? !$root.BrowsingCatalog() : true"&gt;
          &lt;div class="btn-group"&gt;
              &lt;button type="button" data-bind="clickBubble: false" class="btn btn-round dropdown-toggle " aria-expanded="false"&gt;
                   &lt;span class="fa fa-caret-down"&gt;&lt;/span&gt; 
              &lt;/button&gt;
          &lt;/div&gt;
      &lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p>And when I click the <code>button</code>, the event from the <code>tr</code> gets called. What am I missing? </p>