title: How to uncheck checked radio button
body: <p>The thing is this solution work only in firefox</p>
  
  <pre><code>$(':radio').on("change", function(event) {
    $(this).prop('checked', true);
  });
  
  $(':radio').on("click", function(event) {
    $(this).prop('checked', false);
  });
  </code></pre>
  
  <p>In chrome, it wont allow you to select anything
  <a href="http://jsfiddle.net/wuAWn/" rel="noreferrer">http://jsfiddle.net/wuAWn/</a></p>
  
  <p>Ofc, i could use variable and write something like</p>
  
  <pre><code>var val = -1;
  $(':radio').on("click", function() {
    if($(this).val() == val) {
      $(this).prop('checked', false);
      val = -1;
    }
    else val = $(this).val();
  });
  </code></pre>
  
  <p>But i will have few radio button groups on my page and html content is loaded through ajax, so i would like to wrtite 1 function for all of them, instead of defining variables for every one radio button group and write same function for every radio button group.</p>
  
  <p>Edit: thanks for your help with checkboxes, but for checkboxes to act as a radio button group, you need to write adittional javascrip that will uncheck all other checkboxes with same name onclick, i have already radio button css and its easier for me just to add class like look-like-checkbox and make it look like checkbox, i use uniform library for custom look, anyway here is my weird solution <a href="http://jsfiddle.net/wuAWn/9/" rel="noreferrer">http://jsfiddle.net/wuAWn/9/</a></p>