title: How to get cells (<td>) x and y coordinate in table using jQuery?
body: <p>I'm looking for a good way to get cells X-Y position in a table. (do not confuse it with css-position, I am looking for X and Y coordinate in Cartesian coordinate system).</p>
  
  <p>As we know, we can get particular cell in a table using ex: <code>$('#grid')[0].rows[5].cells[7]</code>.</p>
  
  <p>But, what if I want to get the value <code>5x7</code> when I click on particular cell, i.e:</p>
  
  <pre><code>$('#grid td').click(function(){
     alert("My position in table is: " + myPosition.X + "x" + myPosition.Y);
  });
  </code></pre>
  
  <p>I guess, the easiest way is to add innerHTML, ID or CSS class to every cell (<code>&lt;td class="p-5x7"&gt;</code> etc.) when creating table in back end, then parse it, and return on click, but is there any way to get these coordinates based purely on DOM?</p>