title: Tab focus to radio button in JavaScript
body: <p>Just after some help with tab focusing to a radio button, which is in some dynamically created JavaScript. I didn't build the script but I am trying to re-engineer it for my purposes and make it more WCAG2.0 compliant.</p>
  
  <p>If you tab you can see I have added a red dotted border to obviously highlight the selected item. I can't seem to figure out how to bring the focus to the radio buttons in the dynamic script (the quiz), tried tab-index, adding labels, values and id's with no success.</p>
  
  <p>Something needs to be tweaked in 'quiz.js' but my JavaScript skills aren't good enough to figure it out.</p>
  
  <p>quiz.js is large so I haven't posted, all is in JSFiddle.</p>
  
  <p>JSFiddle: <a href="http://jsfiddle.net/C0111N5/YkRRw/" rel="nofollow">http://jsfiddle.net/C0111N5/YkRRw/</a></p>
  
  <p>Any help would be helpful!</p>
  
  <pre><code>&lt;p&gt;&lt;/p&gt;
  </code></pre>