title: Forcing a tab stop on a hidden element? Possible?
body: <p><a href="http://ipalaces.org/hosting/register.php" rel="noreferrer"><strong>The site is here</strong></a></p>
  
  <p>I have opt to using the radiobutton's labels as customized buttons for them. This means the radio inputs themselves are display:none. Because of this, the browsers don't tab stop at the radio labels, but I want them to.</p>
  
  <p>I tried forcing a tabindex to them, but no cigar. </p>
  
  <p>I have came up with just putting a pointless checkbox right before the labels, and set it to width: 1px; and height 1px; which seems to only really work on chrome &amp; safari.</p>
  
  <p>So do you have any other ideas for forcing a tab stop at those locations without showing an element?</p>
  
  <p>Edit:</p>
  
  <p>Just incase someone else comes by this, this is how I was able to insert small checkboxes into chrome &amp; safari using JQuery:</p>
  
  <pre><code>if ($.browser.safari) {
      $("label[for='Unlimited']").parent().after('&lt;input style="height:1px; width:1px;" type="checkbox"&gt;');
      $("label[for='cash']").parent().after('&lt;input style="height:1px; width:1px;" type="checkbox"&gt;');
      $("label[for='Length12']").parent().after('&lt;input style="height:1px; width:1px;" type="checkbox"&gt;');
  }
  </code></pre>
  
  <p>Note: $.browser.webkit was not becoming true...so I had to use safari </p>