title: Select one radio button at a time
body: <p>I want to select one option at a time from three options. </p>
  
  <p>At the moment I can select radio on click on div but it I want only one to be select from list so it should toggle. </p>
  
  <p>Check my fiddle here : <a href="http://jsfiddle.net/wbgthtyb/" rel="nofollow">http://jsfiddle.net/wbgthtyb/</a></p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div class="grid-100"&gt;
     &lt;div class="tckt-tab active"&gt;
        &lt;input type="radio" name="one" value="one"&gt;one
     &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="grid-100"&gt;
     &lt;div class="tckt-tab"&gt;
         &lt;input type="radio" name="two" value="two"&gt;two
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="grid-100"&gt;
      &lt;div class="tckt-tab"&gt;
           &lt;input type="radio" name="three" value="three"&gt;three
       &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>JS:</p>
  
  <pre><code>$(document).ready(function () {
      $(".tckt-tab").click(function () { //when click on flip radio button
          if ($(this) == $(this).find('input:radio').prop('checked', false)) {
              $(this).find('input:radio').prop('checked', true);
          }
      });
  
      $(".tckt-tab").click(function () { //when click on flip radio button
          if ($(this) == $(this).find('input:radio').prop('checked', true)) {
              $(this).find('input:radio').prop('checked', false);
          }
      });
  });
  </code></pre>