title: Checkbox select not working after adding live event to row
body: <p><img src="https://i.stack.imgur.com/jng61.png" alt="enter image description here" /></p>
  <p>I want to select the checkbox <code>onclick</code> of the row, So I have added &quot;live&quot; event for row and on click I am selecting the checkbox using the jQuery. Now when I click on row it selects the checkbox.</p>
  <p>The problem is that when I click on checkbox the checkbox is not getting selected as for checkbox live event it there.</p>
  <p>How can we have both that is <code>onclick</code> of row or checkbox the checkbox value should be toggled ?</p>
  <p>I have added the below code to select the checkbox on click of row:</p>
  <pre><code>$('#manage-ads-grid table tbody tr').live('click', function () {
      var checkboxId = $(this).find('input:checkbox').attr('id');
          $(&quot;#&quot; + checkboxId).prop(&quot;checked&quot;, !$(&quot;#&quot; + checkboxId).prop(&quot;checked&quot;));
          return false;
      })
  </code></pre>
  <p>Can I use event bubbling if yes how?</p>