Лейбл разочаровывается, когда мы меняем событие радиокнопки во второй раз

Question

lablel исчезает, когда мы меняем событие переключателя во второй раз. он работает идеально один раз, но среднее время, когда мы снова меняем событие, чтобы снова изменить статус, исчезает. на самом деле я хочу изменить статус участника с активного на неактивный и голосовой наоборот. lablel исчезает, когда мы меняем событие радиокнопки во второй раз. сильный текст

        @foreach($services as $service)
            <?php $count++?>
            <tr style="border: 1px solid">
                <td><img style="width: 50px; height: 50px" src="{{'storage/app/'.$service->title.'.img'}}"></td>
                <td>{{$service->id}}</td>
                <td>{{$service->title}}</td>
                <td>{{$service->body}}</td>
                <td>{{$service->description}}</td>
                <td>
                    <div class="" data-toggle="buttons">
                        <label
                            class="btn btn-lg btn-label counter{{$count}}  @if($service->status=='1'){{"btn-success"}}@else {{"btn-danger"}} @endif"
                            id="btn-label">
                            <input type="radio" class="status" name="status" id="status" data-value="{{$count}}"
                                   autocomplete="off"
                                   value="@if($service->status=='1'){{"active"}}@else {{"Not Active"}} @endif"
                            >
                            <img class="imgcount{{$count}}" data-imgval="{{$count}}" id="loader" style="display: none" src="public/assets/js/ajax-loader.gif"
                                 alt="Loading...">
                            @if($service->status=='1'){{"active"}}@else {{"Not Active"}} @endif
                        </label>
                        <label
                            class="btn btn-lg btn-label counter{{$count}} @if($service->status=='1'){{"btn-success"}}@else {{"btn-danger"}} @endif active">
                            <input type="radio" class="status" name="status" id="status" data-value="{{$count}}"
                                   autocomplete="off" checked
                                   value="@if($service->status=='1'){{"active"}}@else {{"Not Active"}} @endif"
                            >
                            <img class="imgcount{{$count}}" data-imgvalue="{{$count}}" id="loader" style="display: none" src="public/assets/js/ajax-loader.gif"
                                 alt="Loading...">
                            @if($service->status=='1'){{"active"}}@else {{"Not Active"}} @endif
                        </label>
                    </div>
                </td>
                <td><a href="{{route('editService',['serviceId'=>$service->id])}}"
                       class="btn btn-primary btn-xs">Edit</a>
                </td>
                <td>
                    <a href="{{route('deleteServices',['serviceId'=>$service->id])}}" class="btn btn-danger btn-xs">
                        Del</a></td>
            </tr>
        @endforeach

<script>
        $(document).ready(function () {
            $("input[type=radio]").on('change', function (event) {
                var tablerow = $(this).closest('tr');
                var serviceId = tablerow.find('td:eq(1)').text();
                var data_value = $(this).data('value');
                var img_value = $(this).data('value');
                var new_class = " ";
                var status = $(this).val();
                if (status == "active") {
                    old_class = "btn-success";
                } else {
                    old_class = "btn-danger";
                }
                $('.status').disabled = true;
                $('.imgcount' + img_value).css('display','inline-block');
                var CSRF_TOKEN = $('meta[name="csrf-token"]').attr('content');
                $.ajax({
                    url: '/portfolio/updateServiceStatus',
                    type: 'POST',
                    data: {_token: CSRF_TOKEN, status: status, serviceId: serviceId},
                    dataType: 'JSON',
                })
                    .done(function(response){
                        $(this).disabled = false;
                        $('#loader').css('display', 'none');
                        console.log(response);
                        if (response.new_status = 1) {
                            status = "active";
                            new_class = "btn-success";
                        }
                        else {
                            status = "Not Active";
                            new_class = "btn-danger";
                        }
                        $('.counter' + data_value).removeClass(old_class).addClass(new_class);
                        $('.counter' + data_value).text(status);
                        $('.counter' + data_value).css('display', 'block');
                });
            })
        })
    </script>