Я хочу добавить div в метки в качестве вспомогательного текста. внутри каждой радиогруппы и ее обёртки

Question

https://jsfiddle.net/praveendubbaka/qoemfwgr/27/

Я хочу добавить div в метки в качестве вспомогательного текста. внутри каждой радиогруппы и ее оболочки div.

У меня динамически генерируется код группы радиокнопок, поэтому я не могу добавить статический вспомогательный текст к меткам, используя html

. и добавление div с вспомогательным текстом и перенос каждой радиогруппы с помощью другого div, а затем с помощью append i a добавление единственного вспомогательного текста div к его меткам с использованием классов.

перед экраном перед

После экрана после

<div class="helperTextWrapper" >

<div class="radioTable">
 <div>
    <span>
       <label class="RadioButtonHelperText1">Yes</label>
   </span>
</div>
 <div>
    <span>
       <label class="RadioButtonHelperText2">No</label>
   </span>
</div>
</div>

<div class="RadioButtonHelperTextLabel1">Yes helper text</div>
<div class="RadioButtonHelperTextLabel2">no helper text</div>

</div>

<div class="helperTextWrapper" >

<div class="radioTable">
 <div>
    <span>
       <label class="RadioButtonHelperText1">Yes</label>
   </span>
</div>
 <div>
    <span>
       <label class="RadioButtonHelperText2">No</label>
   </span>
</div>
    </div>
    <span>
       <label class="RadioButtonHelperText3">Not sure</label>
   </span>
</div>
</div>

<div class="RadioButtonHelperTextLabel1">Yes helper text</div>
<div class="RadioButtonHelperTextLabel2">no helper text</div>
<div class="RadioButtonHelperTextLabel3">not sure helper text</div>

</div>

Я хочу добавить вспомогательный текст Да в Да, используя jQuery, как это, но мой скрипт добавляет несколько / дубликаты div:

  $('.radioTable').each(function() {
    var radioWrapper = $(this).closest('.helperTextWrapper');
    radioWrapper.find('.RadioButtonHelperTextLabel1').appendTo('.RadioButtonHelperText1');
    radioWrapper.find('.RadioButtonHelperTextLabel2').appendTo('.RadioButtonHelperText2');
    radioWrapper.find('.RadioButtonHelperTextLabel3').appendTo('.RadioButtonHelperText3');
    radioWrapper.find('.RadioButtonHelperTextLabel4').appendTo('.RadioButtonHelperText4');
  });


<div class="helperTextWrapper" >

<div class="radioTable">
 <div>
    <span>
       <label class="RadioButtonHelperText1">Yes
           <div class="RadioButtonHelperTextLabel1">Yes helper text</div>
        </label>
   </span>
</div>
 <div>
    <span>
       <label class="RadioButtonHelperText2">No
        <div class="RadioButtonHelperTextLabel2">no helper text</div>
        </label>
   </span>
</div>
</div>

</div>




<div class="helperTextWrapper" >

<div class="radioTable">
 <div>
    <span>
       <label class="RadioButtonHelperText1">Yes
           <div class="RadioButtonHelperTextLabel1">Yes helper text</div>
        </label>
   </span>
</div>
 <div>
    <span>
       <label class="RadioButtonHelperText2">No
        <div class="RadioButtonHelperTextLabel2">no helper text</div>
        </label>
   </span>
</div>
    </div>
    <span>
       <label class="RadioButtonHelperText3">Not sure
        <div class="RadioButtonHelperTextLabel3">not sure helper text</div>
        </label>
   </span>
</div>
</div>

</div>

````


  [1]: https://jsfiddle.net/praveendubbaka/qoemfwgr/14/
  [2]: https://i.stack.imgur.com/8rYTU.png
  [3]: https://i.stack.imgur.com/7tXDp.png