title: Radio box, get the checked value [iCheck]
body: <p>Basic radio box</p>
  
  <pre><code>&lt;div class="adv_filter"&gt;
      &lt;li&gt;
          &lt;input type="radio" name="letter_type" data-custom="Text" value="0"&gt; Text&lt;/li&gt;
      &lt;/li&gt;
          &lt;li&gt;
              &lt;input type="radio" name="letter_type" data-custom="Text" value="0"&gt; Text&lt;/li&gt;
      &lt;/li&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>iCheck transformation</p>
  
  <pre><code>&lt;!-- iCheck output format
  &lt;div class="adv_filter"&gt;
      &lt;li&gt;
          &lt;div class="iradio_square-orange checked" aria-checked="true" aria-disabled="false" style="position: relative;"&gt;&lt;input type="radio" name="letter_type" data-custom="Text" value="0" style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; border: 0px; opacity: 0; background: rgb(255, 255, 255);"&gt;&lt;ins class="iCheck-helper" style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; border: 0px; opacity: 0; background: rgb(255, 255, 255);"&gt;&lt;/ins&gt;&lt;/div&gt; Text&lt;/li&gt;
  
          &lt;li&gt;
              &lt;div class="iradio_square-orange" aria-checked="false" aria-disabled="false" style="position: relative;"&gt;&lt;input type="radio" name="letter_type" data-custom="Text" value="0" style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; border: 0px; opacity: 0; background: rgb(255, 255, 255);"&gt;&lt;ins class="iCheck-helper" style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; border: 0px; opacity: 0; background: rgb(255, 255, 255);"&gt;&lt;/ins&gt;&lt;/div&gt; Text&lt;/li&gt;
  
  &lt;/div&gt; --&gt;
  </code></pre>
  
  <p><strong><em>As you see the checked is attached to the div..</em></strong></p>
  
  <pre><code>    $(document).ready(function () {
          $('input').iCheck({
              checkboxClass: 'icheckbox_square-orange',
              radioClass: 'iradio_square-orange',
              increaseArea: '20%' // optional
          });
          $("li").on("click", "input", function () {
              var val = $(this).val();
              //updateDataGrid(val);
              alert(val);
          });
  
      });
  </code></pre>
  
  <p><strong>Question and description</strong> </p>
  
  <p>Provided javascript code worked properly before adding the icheck plugin, 
  <em>I am wondering how to get the same result in the icheck plugin. Its simple, on radio click it stores the value in variable later its passed further to functions.</em> </p>
  
  <p>Live example : <a href="http://jsfiddle.net/9ypwjvt4/">http://jsfiddle.net/9ypwjvt4/</a></p>
  
  <p>iCheck : <a href="http://fronteed.com/iCheck/">http://fronteed.com/iCheck/</a></p>