jQuery to select next table row

Question

I have two rows of a table here. When I click the checkbox in the first table row, I'm trying to target the ID of the span in the next table row. I have an alert in my code just to show me that I was successful. What I have isn't working. I can't figure out a way to select data in the next table row when the checkbox in the first row is clicked. ```

some text

$(document).ready(function() { var myCheck = $("tr#row-a td input"); myCheck.change(function(){ var spanID = $("tr#row-a').next('tr').find('span').attr('id'); alert(spanID); }); }); ```

Accepted Answer

Try this:

```
var myCheck = $("tr#row-a td input");
myCheck.change(function(){
    var spanID = $(this).closest('tr').next().find('span').attr('id');
    alert(spanID);
});
```

Example fiddle

jQuery to select next table row

Solution

Problem