I have an HTML table. Imagine something like this (I will use pseudocode):

```
<table>
 <tr>
  <td>Checkbox</td>
  <td>Select</td>
  <td>Select</td>
 </tr>
 <tr>
  <td>Checkbox</td>
  <td>Select</td>
  <td>Select</td>
 </tr>
</table>

```

The thing is the selects are all disabled. When I check the checkbox it is supposed to enable all selects OF THAT ROW. Before, I had this code in divs and it was possible to use siblings to find the selects. Here is the code I used:

```
    $('[name*=chkd]').click(function(){
        if ($(this).is(':checked')) {
            $(this).siblings('select').removeAttr('disabled');
        }
        else{
            $(this).siblings('select').attr('disabled', 'disabled');
        }
    });

```

But now, since they are all inside tags, I can't use that code. Can anyone shed some light as to what I can do to change this code so that it works with the table?