В чем проблема скрипта на JQuery

У меня есть скрипт который ограничивает кол-во знаков в поле ввода.

Как только кол-во знаков достигает 500 цвет не меняется, а кнопка работает. В чем может быть проблема?

            <div class="under">
            <p class="counter"><span id="count"></span>/500 знаков</p>
            <div class="sendBlock">
                <input type="submit" id="submitBtn" value="Отправить">
            </div>
        </div>
    </form>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <script>
        var startCount = 0;
        var maxCount = 500;
        var submitBtn = $("#submitBtn");
        $("#count").text(startCount);
        function getCount() {
            var count = startCount + $("#comment").val().length;
            $("#count").text(count);
            if (count >= maxCount) {
                $(".counter").addClass("red");
            } else if (count < 500 && $(".counter").hasClass("red")) {
                $(".counter").removeClass("red");
                submitBtn.prop('disabled', false);

            }
            if (count >= 500) {
                submitBtn.prop('disabled', true);
            }


        }
    </script>