Jquery Ajax Post снова возвращает данные

Question

У меня есть простые радиокнопки. Я нажимаю на эту кнопку успешно опубликовать и я получаю возвращаемые данные (еще один переключатель). Моя проблема в том, что мне нужно опубликовать снова мои новые данные, как это сделать?

Мой простой код здесь;

$('.test1').change(function(){
    var test_id= $(this).val(); // my radio button id
        $.post( "getnewdata.php", { test_id: test_id})
        .done(function( data ) {
           $('.test2').html(data);
       });
});

этот код работает.
но мои новые (возвращаемые) данные это;

<div id="myreturningdata" class="test2 custom-control custom-radio">
            <input type="radio" id="test2" name="testt" class="selector" value="1">
            <label class="custom-control-label ml-1 text-muted" for="test2">Test DATA</label>
            <input type="radio" id="test2" name="testt" class="selector" value="1">
            <label class="custom-control-label ml-1 text-muted" for="test2">Test DATA 2</label>
        </div>

Я хочу еще раз опубликовать это радио на какой-нибудь странице

$('#myreturningdata').change(function(){
            // i want do someting...
    });

Привет пользователям Stackoverflow. Я тут новенький. Я плохо знаю свой английский, но хочу решить эту проблему. Спасибо за все комментарии!
Хорошего дня !! :)

Answer 1

Если я правильно понял ваш вопрос, вы должны зарегистрировать событие изменения после изменения HTML:

$('.test1').change(function(){
    var test_id= $(this).val(); // my radio button id
        $.post( "getnewdata.php", { test_id: test_id})
        .done(function( data ) {
           $('.test2').html(data);

           // HERE
           $('#myreturningdata').change(function(){
               // i want do someting...
           });

       });
});