title: How to add style to the parent when radio button is selected
body: <p>Hi I have two radio buttons and want when radio button is selected (checked) the parent box (<code>&lt;div&gt;</code>) to have these CSS styles:</p>
  
  <pre class="lang-css prettyprint-override"><code>box-shadow: 0 0 5px #5cd053;
  border-color: #28921f;
  </code></pre>
  
  <p>Here is my radio buttons with div`s:</p>
  
  <pre><code>&lt;div class="delivery_option alternate_item"&gt;
      &lt;input class="delivery_option_radio" type="radio" name="delivery_option[0]" onchange="mydisplayudpate();updateCarrierSelectionAndGift();" id="delivery_option_0_1" value="6," checked="checked"&gt;
  &lt;/div&gt;
  
  &lt;div class="delivery_option item"&gt;
      &lt;input class="delivery_option_radio" type="radio" name="delivery_option[0]" onchange="mydisplayudpate();updateCarrierSelectionAndGift();" id="delivery_option_0_0" value="7,"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I use jQuery for other functions about these buttons but i`m not sure how to add border and box shadow properly only when radio button is selected.</p>