Добавьте опцию радио, используя jquery

Question

Я хочу добавить опцию радио в лезвие. У меня в таблице есть несколько классов. Классы имеют уровень и для разных возрастных категорий. Если я выберу этот класс, у меня могут быть молодежь и взрослые 2 возрастной группы. Если я выберу другой класс, я могу выбрать только молодежный класс и т. Д. c. Итак, это javascript представления.

$('input[name="class[class_id]"]').change(function () {
  var class_id = $('input[name="class[class_id]"]:checked').val();
  $.ajax({
         url: '{{ route('open.enrollment.course.fee.search', ['code' => $course->url_code]) }}',
         type: 'GET',
         data: {
              'class_id': class_id
         },
         success: function(data) {
         if(data.length == 1){
             var $div = $('#age_group');
             $radio = $('<input />', {
                  id: 'age_group' + data[0].age_group,
                  name: 'age_group',
                  type: "radio",
                  value: data[0].age_group,
             });
             $label = $('<label />', {
                 for: 'age_group' + data[0].age_group,
                    text: label
              });
              $div.append($label).append($radio);
              //append 1 option
          }else{
              //append 2 option
          }

          //want to create radio options like below
          // <option value='youth' data-fee='100'>Youth</option>
          // <option value='adult' data-fee='200'>Adult</option>

          //listener radio

    }
});

А вот html представление:

<div class="row form-group">
   <label for="age_group" class=" col-sm-2 text-right control-label col-form-label required-field">
        {{ __('table.course_level_fees.age_group') }}
   </label>
   <div class="col-sm-4 col-form-label">
   <div class="custom-control custom-radio col-5 custom-control-inline" id="age_group">
       //show radio option
   </div>
</div>

Итак, приведенный выше код не работает. Кто-нибудь может мне помочь? Большое спасибо!