title: How to change the order of elements (radio buttons) returned by jQuery selector?
body: <p>I have a table with radio buttons. </p>
  
  <p>In a jQuery collection, as <code>c = $('input[name=mybuttons]')</code>, I get them by rows, so that <code>c[0]</code> is the one in the top left cell. </p>
  
  <p>How do I change this order, so that, say, <code>c[0]</code> be some another cell, or arrow keys go, say, by columns and not by rows; so that tab brings to some specific button rather than top left, and so that right arrow traverse the buttons in some specific order and not left-to-right?</p>
  
  <p>For checkboxes and tab key, I achieve this with <code>tabindex</code>. How to achieve a similar effect for radio buttons and the right key: specify in HTML in what order the right key should traverse them?</p>
  
  <p>Fiddle: <a href="http://jsfiddle.net/2u30u7fp/3/" rel="nofollow">http://jsfiddle.net/2u30u7fp/3/</a> The tab key does iterate in the desired order, but the right and left keys don't.</p>