title: JavaScript - Find row's first cell value when clicked
body: <p>I have the following table where each row has 4 cells with a button on the last cell:</p>
  
  <pre><code>&lt;table class='Table1'&gt;
       &lt;tr&gt;
          &lt;td&gt;
              ABC
          &lt;/td&gt;
          &lt;td&gt;
              DEF
          &lt;/td&gt;
          &lt;td&gt;
              GHI
          &lt;/td&gt;
          &lt;td&gt;
              &lt;button class='return'&gt;return&lt;/button&gt;
          &lt;/td&gt;
       &lt;/tr&gt;
       &lt;tr&gt;
          &lt;td&gt;
              JKL
          &lt;/td&gt;
          &lt;td&gt;
              MNO
          &lt;/td&gt;
          &lt;td&gt;
              PQR
          &lt;/td&gt;
          &lt;td&gt;
              &lt;button class='return'&gt;return&lt;/button&gt;
          &lt;/td&gt;
       &lt;/tr&gt;
  
  &lt;/table&gt;
  </code></pre>
  
  <p>When the button is clicked I want to find the first cell value of the same row using <code>Javascript</code>(no <code>jquery</code>). For example if I click on the <code>return</code> button on the first row, it should return <code>ABC</code></p>