title: Using jQuery, what is the best way to set onClick event listeners for radio buttons?
body: <p>For the following HTML:</p>
  <pre><code>&lt;form name=&quot;myForm&quot;&gt;
      &lt;label&gt;One&lt;input  name=&quot;area&quot;  type=&quot;radio&quot; value=&quot;S&quot;  /&gt;&lt;/label&gt;
      &lt;label&gt;Two&lt;input name=&quot;area&quot;   type=&quot;radio&quot; value=&quot;R&quot; /&gt;&lt;/label&gt;
      &lt;label&gt;Three&lt;input name=&quot;area&quot;   type=&quot;radio&quot; value=&quot;O&quot; /&gt;&lt;/label&gt;
      &lt;label&gt;Four&lt;input name=&quot;area&quot; type=&quot;radio&quot; value=&quot;U&quot; /&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 == &quot;S&quot;) {
              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 <code>bind()</code> because it also shows how to distinguish the group of radio buttons</p>