Add selected and not-selected classes to radio inputs parent elements for checked and not-checked radio inputs in jQuery

jQuery radio input selected & not-selected classes.js

// Load selected & not-selected classes when page loads
$('input[type=radio]').filter(':checked').parent().addClass('selected');
$('input[type=radio]').filter(':not(":checked")').parent().addClass('not-selected');

// When radio buttons are changed add classes
$('form').once('selected-radio-listen').on(
  "change",
  "input[type=radio]",
  function () {
    // Get all related inputs.
    var name = $(this).attr('name');

      // Non-selected items.
      $('input[name="' + name + '"]').parent().removeClass('selected');
      $('input[name="' + name + '"]').parent().addClass('not-selected');

      // The selected item.
      $('input[name="' + name + '"]').filter(':checked').parent().addClass('selected');
      $('input[name="' + name + '"]').filter(':checked').parent().removeClass('not-selected');
  }
);