title: Change radio input value on click ( change it back actually )
body: <p>Change radio input selection on on click on selectx2 div:</p>
  
  <pre><code>                &lt;div class="row"&gt;
                      &lt;div class="box"&gt;
                          &lt;div class="inputoptions"&gt;
                              &lt;span&gt;&lt;input type="radio" name="abc" value="x1" checked="checked" class="y1" /&gt; x1&lt;/span&gt;
                              &lt;span&gt;&lt;input type="radio" name="abc" value="x2" class="y2" /&gt; x2&lt;/span&gt;
                              &lt;span&gt;&lt;input type="radio" name="abc" value="x3" class="y3" /&gt; x3&lt;/span&gt;
                          &lt;/div&gt;
                          &lt;div class="selectx2"&gt;select x2&lt;/div&gt;
                          &lt;div class="clear"&gt;&lt;/div&gt;
                      &lt;/div&gt;
  </code></pre>
  
  <p>Here is my JavaScript to change/select x2:</p>
  
  <pre><code>$('.selectx2').on('click', function(e) {
      $(this).closest('.box').children('.inputoptions').children('.y2').prop('checked', true);
  });
  </code></pre>
  
  <p>Where did I make the mistake?</p>