metaform radios: use <label>, caption in html

diff --git a/metaform/template.html b/metaform/template.html
index 5121acc..e24e674 100644 (file)
--- a/metaform/template.html
+++ b/metaform/template.html
@@ -110,10 +110,8 @@
                        <div class="caption">~caption html~</div>
                        <div class="field"><select name="~name~"><option value="">Choose One:</option><!--~~~name~ states~~--></select></div><!--~}~--><!--~radio {~-->
                        <div class="caption">~caption html~</div>
-                       <div class="field">
-                               <!--~options {~-->
-                                       <input type="radio" name="~name~" value="~~~name~ radio_~i~~~">~option_caption html~<br>
-                               <!--~}~-->
+                       <div class="field"><!--~options {~-->
+                               <input type="radio" name="~name~" value="~~~name~ radio_~i~~~" id="~name~_~i~_radio"><label for="~name~_~i~_radio"> ~option_caption html~</label><br><!--~}~-->
                        </div><!--~}~--><!--~checkbox {~-->
                        <div class="caption"><input type="checkbox" name="~name~~~~name~ checked~~" id="~name~_checkbox"><label for="~name~_checkbox"> ~caption html~</label></div>
                        <div class="field"></div><!--~}~--><!--~submit {~-->