diff --git a/public/js/registerPage.js b/public/js/registerPage.js
index 81b6c659..48649f45 100644
--- a/public/js/registerPage.js
+++ b/public/js/registerPage.js
@@ -27,6 +27,8 @@ $(function () {
 
         // Actions
         function updateDisplay() {
+            $checkbox.addClass("hidden")
+            $button.removeClass("hidden")
             var isChecked = $checkbox.is(':checked');
 
             // Set the button's state
diff --git a/templates/user/register.html b/templates/user/register.html
index f17ed0ff..1f2984ad 100644
--- a/templates/user/register.html
+++ b/templates/user/register.html
@@ -28,8 +28,8 @@
 				<div class="row">
 					<div class="col-xs-4 col-sm-3 col-md-3">
 						<span class="button-checkbox">
-							<button type="button" class="btn" data-color="info" tabindex="7">I Agree</button>
-	                        <input type="checkbox" name="t_and_c" id="t_and_c" class="hidden" value="1">
+							<button type="button" class="btn hidden" data-color="info" tabindex="7">I Agree</button>
+	                        <input type="checkbox" name="t_and_c" id="t_and_c" value="1">
 						</span>
 					</div>
 					<div class="col-xs-8 col-sm-9 col-md-9">