I want to `show` the icon and `hide` the text only on when a radio with `name='method'` is checked. The problem with this code is that when I select a different radio, the function doesn't reset the original state of the un-selected radio where the icon is hidden and the text is shown.

I can't get the `else` portion of the function to reset the radio back to it's original state (where the text is showing and icon is hidden)?

```js
$("input[name='method']").on("change", function() {
  var text = $(this).closest(".item").find(".text");
  var icon = $(this).closest(".item").find(".icon");

  icon.hide();
  text.show();

  if ($(this).is(":checked")) {
    text.hide();
    icon.show();
  } else {
    icon.hide();
    text.show();
  }
});
```

```html
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="item">
  <div class="icon"></div>
  <label class="text">choose?
    <input type="radio" name="method">
  </label>
</div>
<div class="item">
  <div class="icon"></div>
  <label class="text">choose?
    <input type="radio" name="method" checked>
  </label>
</div>
```