title: Find out next <td> id by clicking on a <td>
body: <p>I have a some td's like this</p>
  
  <pre><code>&lt;td id="first"&gt;first&lt;/td&gt;
  &lt;td id="second"&gt;second&lt;/td&gt;
  &lt;td id="third"&gt;third&lt;/td&gt;
  &lt;td id="fourth"&gt;fourth&lt;/td&gt; 
  </code></pre>
  
  <p>By clicking on one td I want to find out the id's of its next two tds.
  When I click on 'first' I need to get 'second' and 'third' values.</p>
  
  <p>How can I achieve this using JQuery or Javascript?</p>