title: How to addClass to the next td on link hover in jQuery?
body: <p>I have 6 tds like this:</p>
  
  <pre><code>&lt;td&gt;&lt;a href="#"&gt;link&lt;/a&gt;&lt;/td&gt;
  &lt;td&gt;Some text here&lt;/td&gt;
  
  &lt;td&gt;&lt;a href="#"&gt;link&lt;/a&gt;&lt;/td&gt;
  &lt;td&gt;Some other text here&lt;/td&gt;
  
  &lt;td&gt;&lt;a href="#"&gt;link&lt;/a&gt;&lt;/td&gt;
  &lt;td&gt;Some other other text here&lt;/td&gt;
  </code></pre>
  
  <p>And I would like to addClass after hover over a link to the next td. E.g. If I hover over the a link from the second td the next td will have a class for  instance <strong>active</strong> like this</p>
  
  <pre><code>&lt;td&gt;&lt;a href="#"&gt;link&lt;/a&gt;&lt;/td&gt;
  &lt;td&gt;Some text here&lt;/td&gt;
  
  &lt;td&gt;&lt;a href="#"&gt;link&lt;/a&gt;&lt;/td&gt; &lt;!-- hoovering over this link --&gt;
  &lt;td class="active"&gt;Some other text here&lt;/td&gt; &lt;!-- and this td will have class active--&gt;
  
  &lt;td&gt;&lt;a href="#"&gt;link&lt;/a&gt;&lt;/td&gt;
  &lt;td&gt;Some other other text here&lt;/td&gt; 
  </code></pre>
  
  <p>How to do this?</p>