title: Ember: prevent link-to from firing when an action within it is clicked
body: <p>I have a table where I want users to navigate to specific items when they click a row, but the row may contain other elements (such as checkboxes) that trigger actions but do <strong>not</strong> trigger navigation (think gmail). </p>
  
  <p>My structure is like this:</p>
  
  <pre><code>{{#each player in controller}}
    {{#link-to "player" player.uid tagName="tr"}}
      &lt;td&gt;
         {{input action="select" type="checkbox" checked=selected bubbles=false}}
      &lt;/td&gt;
      &lt;td&gt;
        {{player.name}}
      &lt;/td&gt;
      ...
    {{/link-to}}
  {{/each}}
  </code></pre>
  
  <p>My problem is that despise the <code>bubbles=false</code> (as indicated in the <a href="http://emberjs.com/guides/templates/actions/#toc_stopping-event-propagation" rel="nofollow">spec</a>), the <code>link-to</code> fires and a navigate to another route. Any ideas?</p>