Не срабатывает проверка js

$(document).ready(function(){ 
    var text = document.getElementById('text_sms').value; 
    var count = text.length; 
    $("#counter").html(count); 
    $("#count_sms").html(count); 
    $("#text_sms").keyup(function() { 
        var revText = this.value.length; 
        if(revText <= 0){ 
            $("#counter").html('0'); 
            $("#count_sms").html('0'); 
        }else { 
            $("#counter").html(revText); 
        } 
 
        if(revText <= 70){ 
            $("#count_sms").html('1'); 
        }else if(revText > 70) { 
            $("#count_sms").html('2'); 
            }else if(revText > 140){ // здесь не срабатывает проверка кол-во знаков:показывает 142 а кол-во сообщений: 2 и дальше если водить символы  кол-во сообщений: не меняется  
                $("#count_sms").html('3'); 
            }else if(revText > 210){ 
                $("#count_sms").html('4'); 
            }else { 
                $("#count_sms").html('0'); 
            } 
        }); 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<textarea id="text_sms" rows="4" placeholder="<?php echo $template_name;?>" name="text_sms" type="text"  class="form-control"></textarea> 
     <div style="font-size: 14px; position: absolute">кол-во знаков: <span id="counter"></span>&nbsp;  кол-во сообщений: <span id="count_sms"></span></div>