diff --git a/js/components/multi_checkbox_input.js b/js/components/multi_checkbox_input.js
index 6235d4af..6ab3e050 100644
--- a/js/components/multi_checkbox_input.js
+++ b/js/components/multi_checkbox_input.js
@@ -31,7 +31,7 @@ export default {
       validationError: this.initialErrors.join(' '),
       otherChecked: this.initialValue.includes("other") ? true : this.otherChecked,
       otherText: this.initialOtherValue,
-      selections: this.setSelection()
+      selections: this.initialValue
     }
   },
 
@@ -48,10 +48,5 @@ export default {
       this.otherChecked = !this.otherChecked
       this.otherText = ''
     },
-    setSelection: function () {
-      for (let choice of this.initialValue) {
-        this.selections.push(choice)
-      }
-    }
   }
 }
diff --git a/templates/components/multi_checkbox_input.html b/templates/components/multi_checkbox_input.html
index 9a9543df..cb9b37d2 100644
--- a/templates/components/multi_checkbox_input.html
+++ b/templates/components/multi_checkbox_input.html
@@ -33,7 +33,7 @@
             <li>
               {% if choice[0] != 'other' %}
               <input type='checkbox' name='{{ field.name }}' id='{{ field.name }}-{{ field.choices.index(choice) }}' value='{{ choice[0] }}' v-model="selections"/>
-              <label for='{{ field.name }}-{{ loop.index }}'>{{ choice[1] }}</label>
+              <label for='{{ field.name }}-{{ loop.index0 }}'>{{ choice[1] }}</label>
               {% else %}
                 <input @click="otherToggle" type='checkbox' name='{{ field.name }}' id='{{ field.name }}-{{ field.choices.index(choice) }}' value='other' v-model="selections"/>
                 <label for='{{ field.name }}-{{ field.choices.index(choice) }}'>{{ choice[1] }}</label>