title: Check box attributes checked is true, but tick is not shown
body: <p>I have two check boxes, that I want to make to behave like they are radio buttons (only one of them is checked at time).</p>
  
  <p>So, I have easy found a jQuery solution that should do the trick:</p>
  
  <pre><code>$("input:checkbox").click(function(){
      var group = "input:checkbox[name='"+$(this).attr("name")+"']";
      $(group).attr("checked",false);
      $(this).attr("checked",true);
  });
  </code></pre>
  
  <p>The HTML looks like this:</p>
  
  <pre><code>&lt;div class="radio"&gt;
      &lt;label for="q_is_active_true"&gt;Is active&lt;/label&gt;
      &lt;input name="radio_buttons" type="hidden" value="0"&gt;&lt;input id="q_is_active_true" name="radio_buttons" type="checkbox" value="1"&gt;
      &lt;label for="q_is_active_false"&gt;Is not active&lt;/label&gt;
      &lt;input name="radio_buttons" type="hidden" value="0"&gt;&lt;input id="q_is_active_false" name="radio_buttons" type="checkbox" value="1"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>But when I click on one of the check boxes, even its "check" attribute is set to "checked" no tick is shown:</p>
  
  <p><img src="https://i.stack.imgur.com/47RUm.png" alt=""></p>
  
  <p><img src="https://i.stack.imgur.com/61Se0.png" alt=""></p>