title: Making a table cell not clickable with JQuery in HTML
body: <p>I have a table like this:</p>
  
  <pre><code>&lt;table&gt;
   &lt;thead&gt;
     &lt;tr&gt;
      &lt;th&gt;Should not be clickable&lt;/th&gt;
      &lt;th&gt;Should be clickable&lt;/th&gt;
      &lt;th&gt;Should be clickable&lt;/th&gt;
    &lt;/tr&gt;
  &lt;/thead&gt;
  
  &lt;tbody&gt;
     &lt;tr&gt;
       &lt;th&gt;&lt;input type="checkbox"&gt;&lt;/th&gt;
       &lt;th&gt;Content that should be clickable&lt;/th&gt;
       &lt;th&gt;Content that should be clickable&lt;/th&gt;
    &lt;/tr&gt;
  &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>But much larger.</p>
  
  <p>Then I have this jquery:</p>
  
  <pre><code>$('.table &gt; tbody &gt; tr').click(function() {
  
  //Things happens
  
  });
  </code></pre>
  
  <p>I want to never trigger the jQuery when I click on the checkbox, but trigger the JQuery when I click on the row (tr). </p>
  
  <p>Right now it always triggers the JQuery, even when I just click on the check box.</p>
  
  <p>Any help?</p>