title: How to get a radio button index number from a each function in jquery
body: <p>When using the each() function in jquery for a group of, let's say, 3 radio buttons, how do I retrieve the 3rd button so when it's checked something happens?
  Basically how do I choose the element I want to work with from the each() function?</p>
  
  <p>Here is my coding:</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;form id="orderDefinition" name="orderDefinition"&gt;
    &lt;fieldset&gt;
      &lt;input type="radio" name="radioGroup" /&gt;&lt;label for=""&gt;radio 1&lt;/label&gt;
      &lt;input type="radio" name="radioGroup" /&gt;&lt;label for=""&gt;radio 2&lt;/label&gt;
      &lt;input type="radio" name="radioGroup" /&gt;&lt;label for=""&gt;radio 3&lt;/label&gt;    
    &lt;/fieldset&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>jQuery:</p>
  
  <pre><code>var radioBtnCollection = $("#orderDefinition input:radio");
  
  $(radioBtnCollection).each(function(){
      // From here, I don't know how to get the element
  });
  </code></pre>
  
  <p>Thanks in advance.</p>