title: Check a disabled radio button with jquery
body: <p>I´m using JQUery Mobile 1.3.1 to check a disabled radio button (i.e. a radio button that cannot be clicked). Unfortunately, my method is not able to check the radio button a disabled radio button. I already tried to find answers here but haven´t found anything useful yet. This is my code:</p>
  
  <pre><code>&lt;a href="#" id="activateRadio" data-role="button"&gt;Activate radio button flug!&lt;/a&gt;
  &lt;input type="radio" name="radio1" id="radio-choice-1" value="choice-1" disabled /&gt;
  </code></pre>
  
  <p>and the JQuery mobile function:</p>
  
  <pre><code>$('#activateRadio').click(function(){         
        //check if radio button is  not checked
  
        if ( ! $("input[name='radio3']").is(':checked') ) {
          alert("The button was not checked. Now it should be checked!"); 
          //remove disabled attribute
          $("input[name='radio3']").removeAttr('disabled');
          $("input[name='radio3']").attr('checked', 'checked');
        }
  
        else {
          alert("The button is already checked!");
        }
  });
  </code></pre>
  
  <p>Another question would also be how to change the background color of a input field radio when the the radio is checked. How does this look like in the CSS?</p>