How can I select a specific column in a row using jQuery and JavaScript?

Question

I am very new to jQuery and JavaScript. I have a small question. Let's say i have a HTML table like the following

<Table id="mytable">
 <tr id="element">
  <td>value</td>
  <td>text</td>
</tr>
</Table>

In the above example i know the row id and i want to change the value of the second column of the row with that particular id.

I need a result something like the following:

 <Table id="mytable">
 <tr id="element">
  <td>value</td>
  <td>ChangedText</td>
</tr>
</Table>

So my question is: how can I select the 2^nd column of the first row with a given id in order to change the value?

Answer 1

$("#element td:nth-child(2)").text('ChangedText');

Here's an example.