默认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>