Проблема с формой для ввода данных

Подскажите пожалуйста, вот мой код формы, при выборе значения radio , тоесть когда я щелкаю на новый полис, форма ввода текста должна динамически изменятся - тоесть поле для ввода серии левое окошко убирается , я создаю новый раздел, создаю материал и вставляю туда просто этот код, но форма получается не динамическая я просто могу выбрать тип галочкой но строка для ввода текста стоит на месте( Что я делаю не так?(


<meta content="text/html; CHARSET=utf-8" http-equiv="Content-Type" />
<form id="form">
<div style="display: none; background: #D3D3D3; width: 232px; border: 2px Dashed red;" class="messenger">r</div>
<table>
<tbody>
<tr>
<td style="width: 232px; border-collapse: separate; border: 1px solid #AECAF0;">
<table>
<tbody>
<tr>
<td><input value="1" id="ps" name="group" type="radio" />Полис старого образца</td>
</tr>
<tr>
<td><input value="3" id="pn" name="group" type="radio" />Полис нового образца</td>
</tr>
<tr>
<td><input value="2" id="wr" name="group" type="radio" />Временное свидетельство</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td style="width: 232px;">
<table>
<tbody>
<tr>
<td id="seria_t">Серия</td>
<td>Номер полиса</td>
</tr>
<tr>
<td id="seria_t2"><input style="border-width: 1px; border-style: Dashed;" size="7" id="seria" type="text" name="seria" /></td>
<td><input style="border-width: 1px; border-style: Dashed;" id="num" type="text" name="num" /></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<input value="Проверить полис" id="submit" type="button" /> </form>
<div id="results"></div>