anchor.diff:      </div>
       <% end %>
   
  -</div><!-- ./col-sm-9 -->+</div><!-- ./col-sm-9 -->
  +
  +<!-- Unchecks the checkbox on load -->
  +<script>
  +$(document).ready(function(){
  +    $('#accepted-terms').prop('checked',false);
  +});
  +</script>
positive.code:   </div>
  
      <!-- Check for errors -->
      <% if @permit.errors.any? || @terms_error != nil %>
        <div class="alert alert-danger">
          <p><strong>Sorry, there was a problem. Please check your answers.</strong></p>
        </div>
  
negative.code:                     <p><strong><%= @permit.errors.messages[:accepted_terms][0] %></strong></p>
                    </div>
                  <% end %>
  
                <div class="checkbox">
                  <%= f.label :accepted_terms, for: "accepted-terms" do %>
                    <%= f.check_box :accepted_terms, value: "true", class: "", id: "accepted-terms" %> I understand that other permit and inspections may be required
                  <% end %>
                </div>
  
          </div><!-- ./panel-body -->
      </div><!-- ./panel -->
  
  