Edit in JSFiddle

<div class="test1">
    <h3>English</h3>
    <textarea id="textarea"></textarea>
</div>
<br />
<div class="test2">
    <h3>Chinese</h3>
    <textarea id="textarea_cn"></textarea>
</div>

jQuery(document).ready(function($){
      var limitnum = 240;
      function limiting(obj, limit) {
        //console.log(obj);
        var cnt = obj.parent().find(".counter > span");
        var txt = $(obj).val(); 
        var len = txt.length;
        var current = limit-len;
 
        $(cnt).html(current);
 
         // 如果剩余字数少于0，添加 class warning
         if(current <= 0) {
            $(cnt).addClass("warning");
         }else{
            //删除超出的文字后，去掉 class warning
            $(cnt).removeClass("warning");
         }
      }
 
        if($("#textarea").length > 0){
                //在 textarea 后添加计数器，如果不为空，显示出已有字数
              $("#textarea").parent().append("<p class=\"counter\"><span>"+(240-$("#textarea").val().length)+"</span> characters</p>");
              $('#textarea').keyup(function(){
                limiting($(this), 240);
              });
        }
        //通常中文的是英文的双倍大。
        if($("#textarea_cn").length > 0){
              $("#textarea_cn").parent().append("<p class=\"counter\"><span>"+(limitnum/2-$("#textarea_cn").val().length)+"</span> characters</p>");      
              $('#textarea_cn').keyup(function(){
                limiting($(this), limitnum/2);
              });
          }
    });

textarea { width:75%; height:100px;}
.warning { color:red;}