title: jQuery .on() tr click event using .not() on tr checkbox click?
body: <p>So my title may be confusing, but it has the right details. I have a table with clickable rows. When clicking the row, the row highlights. The table also has a checkbox column. <strong>Clicking the checkbox should NOT highlight or remove highlight from the row.</strong> How can I properly use .not() or :not in the .on('click', 'tr', function(){ ... }) ? <a href="http://jsfiddle.net/vmu0p2oe/" rel="noreferrer">http://jsfiddle.net/vmu0p2oe/</a></p>
  
  <pre><code>$('table').on('click', 'tr', function () {
                  if ($(this).hasClass('selected')) {
                      $(this).removeClass('selected');
                      //$(this).find(":checkbox").prop("checked", false);
                  }
                  else {
                      $('tr.selected').removeClass('selected');
                      $(this).addClass('selected');
                      //$(this).find(":checkbox").prop("checked", true);
                  }
  
              });
  </code></pre>