title: HTML radio button clickable label on mobile...weirdness
body: <p>I've actually got the click action going but when I do it on mobile, I get a bullet to the left and sort of up from the radio button (but only when I tap the label, it goes away after the label is tapped). </p>
  
  <p>I can't figure out what could be causing this. Is it a known action when using this on mobile? It doesn't do it when using the same code for checkboxes so I can't figure out why it would do it for radio buttons.</p>
  
  <p>Any direction would be greatly appreciated.</p>
  
  <p>Here's the code on jsFiddle (I've tried using just the "for" and using onclick which is why one label has it and the other doesn't):</p>
  
  <p><a href="http://jsfiddle.net/52uQP/" rel="nofollow">http://jsfiddle.net/52uQP/</a></p>
  
  <pre><code>&lt;input type="radio" name="contact" id="admissions"&gt;
  &lt;label for="admissions" onclick=""&gt;&lt;span&gt;&lt;/span&gt;Admissions&lt;/label&gt;
  
  &lt;input type="radio" name="contact" id="cashiers_office"&gt;
  &lt;label for="cashiers_office"&gt;&lt;span&gt;&lt;/span&gt;Cashier's Office&lt;/label&gt;
  </code></pre>
  
  <p>Thanks in advance.</p>
  
  <p>Edited to clarify: This happens on iPhone 5 and iPad 2. </p>