выбор значения select -> скрытый input
 

Такая задача: в одной форме есть селект и инпут.

<form method='post' action='#'>
<select name="sel_groups">
<option value="0">0</option>
<option value="1">1</option>
</select>
<input  type="text" value="example" name="example">
</form>

Необходимо, чтоб при выборе селекта с значением = 1, поле инпута становилось скрытым.

<script type="text/javascript" src="/lib/jquery.js">
$(document).ready(function () {
$('#sel_groups').change(function () {
var sel_groups = $(this).val();
if (sel_groups == '1') {
$("input[name='example']").attr('disabled', true); 
}
}
}
</script>

Понятно, что это не работает :) Что делаю неправильно?

мб

.attr('type', 'hidden')

?

Тогда уж hide()