Change of Behavior of jQuery Starting with 1.9.0
<p>The following code displays alert boxes containing "Radio1 Selected", "Radio2 Selected" or "Radio3 Selected" in response to click events on the radio buttons when version 1.8.3 of jQuery is used. However any versions after that displays "None Selected". Any ideas why?
Thanks</p>

<pre><code>&lt;html&gt;
&lt;head&gt;
&lt;title&gt;&lt;/title&gt;
&lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"&gt;&lt;/script&gt;
&lt;script&gt;
function radioClicked(){
    if ($('#radio1').attr('checked') == 'checked') alert('Radio 1 Selected');
    else if ($('#radio2').attr('checked') == 'checked') alert('Radio 2 Selected');
    else if ($('#radio3').attr('checked') == 'checked') alert('Radio 3 Selected');
    else alert('None Selected');
}
&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;label for="radio1"&gt;Radio 1&lt;/label&gt;&lt;input type="radio" id="radio1" name="radios" onclick="radioClicked()" /&gt;
&lt;label for="radio2"&gt;Radio 2&lt;/label&gt;&lt;input type="radio" id="radio2" name="radios" onclick="radioClicked()" /&gt;
&lt;label for="radio3"&gt;Radio 3&lt;/label&gt;&lt;input type="radio" id="radio3" name="radios" onclick="radioClicked()" /&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>
