Jquery add checked radio parent div class
<p>I have one question about add class.</p>

<p>I have created this <a href="http://codepen.io/shadowman86/pen/LGLrBo" rel="nofollow"><strong>DEMO</strong></a> from <em>codepen.io</em> .</p>

<p>In this demo you can see there are tree radio button. When you click blue button after checked radio button then the .checkedWrap text will be changing. </p>

<p>I want to add also some class in this <code>.checkedWrap</code> . </p>

<p>So when you click </p>

<pre><code>&lt;div class="row demo"&gt;
    &lt;input type="radio" id="checked" name="checkit" class="cbx hidden"/&gt;
    &lt;label for="checked" class="lbl"&gt;&lt;/label&gt;TExt 1
    &lt;div id="1" class="addthisClassone"&gt;&lt;/div&gt;
  &lt;/div&gt; 
</code></pre>

<p>there is also <code>&lt;div id="1" class="addthisClassone"&gt;&lt;/div&gt;</code> i want to add <code>addthisClassone</code> from the <code>.checkedWrap</code> also like this:</p>

<pre><code> &lt;div class="checkedWrap addthisClassone"&gt;&lt;/div&gt;
 &lt;div class="checkedWrap addthisClasstwo"&gt;&lt;/div&gt;
 &lt;div class="checkedWrap addthisClasstree"&gt;&lt;/div&gt;
</code></pre>

<p>How can i do that after clicking blue button. Anyone can help me in this regard. </p>

<p>CSS</p>

<pre><code>&lt;div class="container"&gt;
   &lt;div class="checkedWrap addthisClassone"&gt;&lt;/div&gt;
   &lt;div class="checkList"&gt;
    &lt;div class="row demo"&gt;
    &lt;input type="radio" id="checked" name="checkit" class="cbx hidden"/&gt;
    &lt;label for="checked" class="lbl"&gt;&lt;/label&gt;TExt 1
    &lt;div id="1" class="addthisClassone"&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="row demo"&gt;
    &lt;input type="radio" id="checked1" name="checkit" class="cbx hidden"/&gt;
    &lt;label for="checked1" class="lbl"&gt;&lt;/label&gt;fdsaf asdfasd fasdf
     &lt;div id="2" class="addthisClasstwo"&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="row"&gt;
    &lt;input type="checkbox" id="unchecked_disabled" class="cbx hidden" disabled/&gt;
    &lt;label for="unchecked_disabled" class="lbl"&gt;fdsafasf&lt;/label&gt;
     &lt;div id="3" class="addthisClasstree"&gt;&lt;/div&gt;
  &lt;/div&gt;
   &lt;/div&gt;
   &lt;div class="Click"&gt;Click ok to add checked radio text from the red div&lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>JS</p>

<pre><code>$('body').on('click', '.Click', function(){
      var checked_radio_text = $('input[name=checkit]:checked').parent().text();
      $('.checkedWrap').text(checked_radio_text);
  });
</code></pre>