สอบถามเกี่ยวกับ drop down และการซ่อน,แสดง field กรอกข้อมูล ครับ

<select id="choice" name="choice">
<option value="food">อาหาร</option>
<option value="beverage">เครื่องดื่ม</option>
</select>
<br />
<div id="food">กรุณาใส่ชื่ออาหาร&nbsp;<input type="text" name="morefood" /></div>
<div id="beverage">กรุณาใส่ชื่อเครื่องดื่ม&nbsp;<input type="text" name="morebeverage" /></div>
<script>
$("div").hide();
$("#choice").change(function(){
   $("div").hide();
   var item = $(this,"option:selected").val();
   $("div#"+item).show();
});
</script>