jquery显示隐藏input对象

#html
<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;'/>

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