jquey显示隐藏input对象

<select id='deptid' name='deptid' class="select" onchange='deptChange()'>
	<c:forEach var="item" items="${deptidList}" varStatus="status">
		<option value='${item.value}'> ${item.name} </option>
	</c:forEach>
</select> 
<!-- 类型为其他时 需要填写其它部门 -->
<input id='otherDept' name='otherDept' type="text" class="text" maxlength='50' style='display:none;'/>

// 根据切换是否显示其他部门输入框
	function deptChange(){
		var deptid = $('#deptid').val();
		// alert('type:'+hytpye);
		if(deptid=='other'){
			$('#otherDept').show();
		}else{
			$('#otherDept').hide();
		}
	}