title: Tabindex in grouped radio button
body: <p>i need to put tabindex on grouped radio buttons so that the tabbing focuses each radio button sequentially. For this, I need to use only "the tab key" (not the arrow keys) and also, i have to keep them(radio buttons) in a single group.</p>
  
  <pre><code>&lt;input onclick="javascript:showUserName();" name="userSearch" value="UN" type="radio"&gt;
  &lt;input onclick="javascript:showLoginID();" name="userSearch" value="UL" type="radio"&gt;
  &lt;input onclick="javascript:showEmployeeID();" name="userSearch" value="EI" type="radio"&gt;
  </code></pre>
  
  <p>The problem is that tabindex only focuses the selected radio button in a group and on the subsequent tab it goes to next set of Html element, but not the next radio button in group. I know, this is standard browser behaviour, but is there any way i can do some work around so that my requirements are met?</p>
  
  <p>Will writing  a JS code to monitor onkeypress event on my page to monitor for tab and the radio group combination to explicitly focus on the radio group buttons a good approach?</p>