I've a radio button group like below

```
<input type="radio" class="radiowear" name="wear_radio" shoe="" cloth="8" accessory="14" img="/male/C8A14">
<input type="radio" class="radiowear" name="wear_radio" shoe="" cloth="9" accessory="15" img="/male/C9A15">
<input type="radio" class="radiowear" name="wear_radio" shoe="" cloth="10" accessory="16" img="/male/C10A16">

```

and so on..

I need to add a CSS class to not clicked radio buttons when I click a button using `JQuery`.

Below code not working as expected and it add a class when click.

```js
$('.radiowear').click(function() {
  if ($('input:radio[name=wear_radio]').not(":checked")) {
    $(this).addClass('low-up');
  } else {
    $(this).removeClass('low-up');
  }
  console.log(this.getAttribute('class'));
});
```

```html
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="radio" class="radiowear" name="wear_radio" shoe="" cloth="8" accessory="14" img="/male/C8A14">
<input type="radio" class="radiowear" name="wear_radio" shoe="" cloth="9" accessory="15" img="/male/C9A15">
<input type="radio" class="radiowear" name="wear_radio" shoe="" cloth="10" accessory="16" img="/male/C10A16">
```

What is the better way to do that? Thanks.