title: Materializecss - prop radio checkbox with jQuery on click
body: <p>I have 1 radio item, and I want it to behave like a checkbox. So now, it gets selected but I couldn't bind it to prop state on click. </p>
  
  <p>So I want to achieve is: when clicked on radio btn, it reverses its checked state.</p>
  
  <p>Here is what I tried:</p>
  
  <pre><code>&lt;form action="#"&gt;
      &lt;p&gt;
        &lt;input name="group" type="radio" id="test" /&gt;
        &lt;label for="test"&gt;Red&lt;/label&gt;
      &lt;/p&gt;
  &lt;/form&gt;
  
  
  $(document).ready(function() {
      $('#test').click(function() {
          $('#test').prop('checked', !$('#test').prop('checked'))
    })
  })
  </code></pre>
  
  <p>What interesting is, if I create another button and bind it to change <code>checked</code> value, it works</p>
  
  <pre><code>&lt;button id="faker" type="button"&gt;
      Faker Btn
  &lt;/button&gt;
  
  $('#faker').click(function() {
    $('#test').prop('checked', !$('#test').prop('checked'))
  })
  </code></pre>
  
  <p>Here is a fiddle: <a href="https://jsfiddle.net/55L52yww/81/" rel="nofollow noreferrer">https://jsfiddle.net/55L52yww/81/</a></p>