From 5ab6b8169dcdb98c83c38db4d76d8fea520c5021 Mon Sep 17 00:00:00 2001
From: Eric Fredricksen <e@fredricksen.net>
Date: Tue, 6 Jul 2010 14:19:59 -0700
Subject: [PATCH] Click on labels in radio buttons and no spelling squiggle

---
 newguy.html | 2 +-
 newguy.js   | 4 ++--
 pq.css      | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/newguy.html b/newguy.html
index ef784ed..2a52d27 100644
--- a/newguy.html
+++ b/newguy.html
@@ -26,7 +26,7 @@ input, button { display: inline; }
   <div class="client">
   <div class="hbox">
     Name
-    <input id="Name">
+    <input id="Name" spellcheck="false">
     <button id="RandomName">?</button>
   </div>
 
diff --git a/newguy.js b/newguy.js
index e879474..4942ed6 100644
--- a/newguy.js
+++ b/newguy.js
@@ -58,8 +58,8 @@ function fill(e, a, n) {
   for (var i = 0; i < a.length; ++i) {
     var v = a[i].split("|")[0];
     var check = def == i ? " checked " : " ";
-    $("<div><input type=radio name=\"" + n + "\" value=\"" + v + "\" " +
-                      check  +">" + v + "</div>").appendTo(e);
+    $("<div><input type=radio id='" + v + "' name=\"" + n + "\" value=\"" + v + "\" " +
+      check  +"><label for='" + v + "'>" + v + "</label></div>").appendTo(e);
   }
 }
 
diff --git a/pq.css b/pq.css
index 70aff2a..6a6eba0 100644
--- a/pq.css
+++ b/pq.css
@@ -227,4 +227,4 @@ div.scroll > table {
 .window#newguy .vbox button { 
   width: 75px;
   margin: 4px;
-}
\ No newline at end of file
+}