默认radio按钮更换div border颜色

Question

多个radio 按钮选择了其中一个， div border边框会变成红色。如何改成一开始如果有其中一个按钮是checked，默认边框就变成红色？如截图下面

HTML

<label style="width:100%"><div class="discount"><input type="radio" name="abc" checked>2件999</label></div>

<label style="width:100%"><div class="discount"><input type="radio" name="abc" checked>2件999</label></div>    

css

.discount{    border: 2px solid #cccccc;    padding:2px;    width:100%;
}.discount.checked {    border-color: red;
}

jquery

<script>$(":radio").on("change", e => {    const $div = $(e.target).closest(".discount");    console.log($div);
    $(".discount").removeClass("checked");
    $div.addClass("checked");
});</script>