셀렉트 박스에서 기타항목 선택시 숨어있던 텍스트 필드가 나타가도록 하는 방법을 알고 싶습니다.

<select id="job" name="job">
    <option value="">선택</option>
    <option value="1">없음</option>
    <option value="2">학생</option>
    <option value="3">피트니스강사</option>
    <option value="4">퍼스널 크레이너</option>
    <option value="5">아동, 노인 체육지도자</option>
    <option value="6">스포츠 체력코치</option>
    <option value="etc">기타</option>
</select>
//상단의 select box에서 '기타'를 선택하면 나타날 인풋박스

<input type="text" id="jobDirect" name="jobDirect"/>

 

<script>
$(function(){
      //입력박스 숨어있다가
$("#jobDirect").hide();
$("#job").change(function() {
                //기타를 선택하면 등장
        if($("#job").val() == "etc") {
            $("#jobDirect").show();
        }  else {
            $("#jobDirect").hide();
        }
    }) 
});
</script>