【HTML】radioのlabelの中にtrを入れることで、trをクリックすると選択されるようにしたい

環境

HTML5

前提・実現したいこと

ラジオボタンとlabelを用意し、labelの中にtrタグを入れることでtrをクリックするとラジオボタンが選択されるような仕組みを作っています。

発生している問題

しかし、labelの中にtrタグを入れるとlabelがtableタグの前に押し出されてしまいます。

調べてみたのですが、参考になりそうな情報は見つからず途方に暮れています。

ご助言頂けないでしょうか。

該当のソースコード

以下のコードの時、trタグをクリックするとラジオボタンが選択される状態になることを期待しています。

html
1<table>
2    <thead>
3        <tr>
4            <th>名前</th>
5            <th>説明</th>
6        </tr>
7    </thead>
8    <tbody>
9        <label>
10            <tr>
11                <input type='radio' name='user' value='1'>
12                <td>名前1</td>
13                <td>説明1</td>
14            </tr>
15        </label>
16        <label>
17            <tr>
18                <input type='radio' name='user' value='2'>
19                <td>名前2</td>
20                <td>説明2</td>
21            </tr>
22        </label>
23    </tbody>
24</table>

しかし、ブラウザで開くとlabelとinputがtableの前に押し出されてしまい、tdタグをクリックしても何も反応はありません。

html
1<!-- labelとinputが前に出てきている -->
2<label>
3    <input type='radio' name='user' value='1'>
4</label>
5<label>
6    <input type='radio' name='user' value='2'>
7</label>
8<table>
9    <thead>
10        <tr>
11            <th>名前</th>
12            <th>説明</th>
13        </tr>
14    </thead>
15    <tbody>
16        <tr>
17            <td>名前1</td>
18            <td>説明1</td>
19        </tr>
20        <tr>
21            <td>名前2</td>
22            <td>説明2</td>
23        </tr>
24    </tbody>
25</table>