title: get value of parent <tr> when clicking <td>
body: <p>I've got the following table structure:</p>
  
  <pre><code>&lt;tr class="tabrow" val="12345"&gt; 
      &lt;td class="clickable"&gt;abcde&lt;/td&gt; 
      &lt;td class="clickable"&gt;fghij&lt;/td&gt; 
      &lt;td class="clickable"&gt;2016-03-03 15:35:45&lt;/td&gt; 
  &lt;/tr&gt;
  </code></pre>
  
  <p>I want a way of getting the <code>val</code> of the row when I click on any of the fields. So far I have got this:</p>
  
  <pre><code>$('.clickable').on('click', function() {
      evID = $(this).closest('tr').val();
      alert(evID);
  })
  </code></pre>
  
  <p>This is not working; it just returns a blank result. I also tried this, which also doesn't work:</p>
  
  <pre><code>evID = $(this).parent().val();
  </code></pre>
  
  <p>What am I doing wrong?</p>