Make checkboxes work

templates/components/checkbox_input.html

@@ -2,11 +2,13 @@
   field,
   label=field.label,
   inline=False,
-  classes="") -%}
+  classes="",
+  key=field.name,
+  id=field.name) -%}
   <checkboxinput
     name='{{ field.name }}'
     inline-template
-    key='{{ field.name }}'
+    key='{{ key }}'
     v-bind:initial-checked='{{ field.data|string|lower }}'
     >
     <div>
@@ -14,8 +16,8 @@
 
         <fieldset data-ally-disabled="true" v-on:change="onInput" class="usa-input__choices {% if inline %}usa-input__choices--inline{% endif %}">
           <legend>
-            {{ field(**{"v-model": "isChecked"}) }}
-            {{ label | safe }}
+            {{ field(id=id, checked=True, **{"v-model": "isChecked"}) }}
+            {{ field.label(for=id) | safe }}
 
             {% if field.description %}
               <p class='usa-input__help'>