กำหนดเงื่อนไขเมื่อใช้ jQuery เช็คค่าว่างในฟอร์ม แต่ฟอร์มถูกช่อนไว้ก่อน (display:none)

<form action="" method="post" onsubmit="return chk();">
ชื่อของคุณ: <input type="text" value=""  name="name" id="name" /><br>
คุณชอบกินไก่มั้ย?
<input type="radio" name="like" id="like1"  value="Yes"/>ใช่ฉันชอบ
<input type="radio" name="like" id="like2"  value="No"/>ไม่ ไม่ ฉันไม่ชอบ<br>
ทำไมถึงชอบกินไก่ <input type="text" value=""  name="dsc" id="dsc" /><br>
<input type="submit" name="sent" value="sent" />
</form>


function chk(){
	var like="ไม่ชอบกินไก่";
	if($("#name").val().length<2){alert("กรุณากรอกชื่อของคุณ");$("#name").focus();return false;}
	else{
		if ($("input[name='like']:checked").val() == 'Yes') {
			like="ชอบกินไก่เพราะ";
			if($("#dsc").val().length<2){
				alert("กรุณากรอกเหตุผลที่คุณชอบกินไก่");
				$("#dsc").focus();
				return false;
			}
		}
		var yourName=$("#name").val();
		var dsc=$("#dsc").val();
		alert("คุณ "+$("#name").val()+like+$("#dsc").val());
		return true;
	}
}
$("#dsc").hide();
$("input[name='like']").click(function(){
	if ($("input[name='like']:checked").val() == 'Yes') {
		$("#dsc").show();
	}else{$("#dsc").hide();}
});