title: Set class to a cell and get value after that with JQUERY
body: <p>I have this table:</p>
  
  <pre><code>&lt;table&gt;
  &lt;tr&gt; &lt;td&gt;first&lt;/td&gt; &lt;td style="display:none"&gt; 1&lt;/td&gt; &lt;/tr&gt;
  &lt;tr&gt; &lt;td&gt;second&lt;/td&gt; &lt;td style="display:none"&gt; 2&lt;/td&gt; &lt;/tr&gt;
  &lt;tr&gt; &lt;td&gt;third&lt;/td&gt; &lt;td style="display:none"&gt; 3&lt;/td&gt; &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>*note: i need the second column invisible</p>
  
  <p>I would like to select only one row and  after that  with a button get the value of the invisible column's selected row.for that:</p>
  
  <ol>
  <li>When I click a cell of the first column, I want to add to the next cell (the invisible one) a class, maybe with <code>.toggleClass("flag");</code></li>
  <li>then I would like to get the value of the cell that has that class and put it in an <code>alert();</code></li>
  </ol>
  
  <p>I've tried to add a click event listener to the cell, so you can send <code>this</code> as parameter, so How can I add the class to the next cell?</p>