title: Getting the value of checkbox from the table cell using Jquery
body: <p>I need to obtain the value of the checkbox when "expand" is clicked, I have tried the following this looks clumsy and when the DOM is modified then it may render undefined instead of the expect value CBVALUE</p>
  
  <pre><code>&lt;tr&gt;
      &lt;td class="first"&gt;&lt;input class="selects" type="checkbox" value="CBVALUE" id="r0"&gt;&lt;/td&gt;
      &lt;td class="second"&gt;&lt;a target="_blank" href="rGjgODop0"&gt;Somevalue&lt;/a&gt;&lt;/td&gt;
      &lt;td class="third"&gt;&lt;a class="option s" id="option_0"&gt;Expand&lt;/a&gt; &lt;a href=""&gt;&lt;/a&gt;&lt;/td&gt;
      &lt;td class="fourth"&gt;2018-08-31T08:25:09.617Z&lt;/td&gt;
  &lt;/tr&gt; 
  </code></pre>
  
  <pre class="lang-js prettyprint-override"><code>$('.option').click(function(e) {
      e.preventDefault();
      alert($(this).parent().prev().prev().children().first().val()); //should alert as CBVALUE 
  });
  </code></pre>
  
  <p>Is there an easier solution than traversing with relative elements?</p>