Тема: jQuery відслідковування кількох елементів
Я почав вивчати jQuery і зіткнувся з проблемою, я хочу динамічно відслідковувати елементи з певним і змінювати їх властивості, та поки не можу зрозуміти як це зробити
    <form id="calc">
        <input class="kv" type="text" id="a" pattern="\d*">
        <span>x2 + </span>
        <input class="kv" type="text" id="b" pattern="\d*">
        <span>x + </span>
        <input class="kv" type="text" id="c" pattern="\d*">
        <span> = 0</span>
    </form>-------------------------------------------------------------------------
Тут змінюються конкретно всі елементи, а мені треба щоб змінювався тільки той який був редагований
<script>
        document.querySelector(".kv").onchange = function(){
            if(this.value.length>0){
                $(".kv").css({'border-color' : '#0dba2c'});
            }else{
                $(".kv").css({'border-color' : '#d13008'});
            }
        } 
</script>Перечисляти всі елементи по id не варіант
Підкажіть як з максимально коротким і лаконічним кодом вирішити цю проблему
Якщо є якісь зауваження до мого гавнокоду будьласка покритикуйте