title: 'Block Style' radio buttons working on everything BUT iPad
body: <p>I have a group of radio buttons, and have styled them so that they display:block so that they appear like buttons (have also hidden the radio button itself). This works great in Chrome and Firefox on desktops and on android tablets...but will not work on an iPad. </p>
  
  <p>See it here: 
  <a href="http://jsfiddle.net/WhNRK/" rel="noreferrer">http://jsfiddle.net/WhNRK/</a></p>
  
  <p>For whatever reason the block element is not 'active' on an iPad and does not set the radio button. If I 'unhide' the radio button you can see that it doesn't get select when clicking the block. However if I click the actual radio button itself, it selects properly and even changes the block element background color as it should! 
  <a href="http://jsfiddle.net/WhNRK/1/" rel="noreferrer">http://jsfiddle.net/WhNRK/1/</a></p>
  
  <p>Any idea as to what I'm doing wrong that is causing this to happen? Seems like it should be pretty straightforward functionality, so I'm hoping its just something simple I'm overlooking... </p>
  
  <p>The primary use of the site that this is incorporated within is meant for mobile devices, so definitely need it working on any iOS device (assuming it likely happens on an iPhone as well, just don't have one here with me to test right now).</p>
  
  <p>Thanks for any suggestions you may have!</p>