js/jquery代码不执行问题

Question

各位大侠，解决个问题

要实现文字输入验证提示功能，比如多余50字就提示：不能输入超过50个字，直接上代码

用户输入内容的代码，一个代表商品名称，一个代表商品描述

 <td><input  name="" type="text"  value="" id="ProductName" /></td>
 <td><textarea name="productDesc" cols="" rows="3"  id="ProductDesc"></textarea></td> 

进行验证的js代码为：

验证商品名称，输入不能超过10个字符

 $("#ProductName").keyup(function() {
    if ($("#ProductName").val().length > 10) {
            $("#PrizeNameLimit1").addClass("activityNamelimitabc2");
            $("#PrizeNameLimit1").removeClass("activityNamelimitabc1");
            $("#PrizeNameLimit2").addClass("activityNamelimitabc1");
            $("#PrizeNameLimit2").removeClass("activityNamelimitabc2");
        }
    });    

验证商品描述，输入不能超过20个字符

$("#ProductDesc").keyup(function() {
if ($("#ProductDesc").val().length > 20) {
$("#PrizeNameLimit1").addClass("activityNamelimitabc2");
$("#PrizeNameLimit1").removeClass("activityNamelimitabc1");
$("#PrizeNameLimit2").addClass("activityNamelimitabc1");
$("#PrizeNameLimit2").removeClass("activityNamelimitabc2");
}
});

具体的实现为提示文字依据用户输入字符的数量进行切换：比如如果没超过最大输入文字数量，则显示提示文字1，如果超过，则显示提示文字2，将上述js代码放在一个单独的函数中，可是上述js代码根本不执行？请各位大侠指点！