Using JQuery, what is the best way to set onclick event listeners for radio buttons?
<p>For the following HTML:</p>

<pre><code>&lt;form name="myForm"&gt;
 &lt;label&gt;One&lt;input  name="area"  type="radio" value="S"  /&gt;&lt;/label&gt;
 &lt;label&gt;Two&lt;input name="area"   type="radio" value="R" /&gt;&lt;/label&gt;
 &lt;label&gt;Three&lt;input name="area"   type="radio" value="O" /&gt;&lt;/label&gt;
 &lt;label&gt;Four&lt;input name="area" type="radio" value="U" /&gt;&lt;/label&gt;
&lt;/form&gt;
</code></pre>

<p>Changing from the following javascript code:</p>

<pre><code>$(function() {
 var myForm = document.myForm ;
 var radios = myForm.area ;
// Loop through radio buttons
 for (var i=0; i&lt;radios.length; i++) {
if (radios[i].value == "S") {
radios[i].checked = true ;  // Selected when form displays
radioClicks() ;                         // Execute the function, initial setup
}
 radios[i].onclick = radioClicks ;  // Assign to run when clicked
 }  
 });
</code></pre>

<p>Thanks</p>

<p>EDIT: The response I selected answers the question I asked, however I like the answer that uses bind() because it also shows how to distinguish the group of radio buttons</p>
