toggleClass not working

toggleClass not working

Hi guys,

I am new to the forums here.

I have the following site


if you select some options and click on join now, then click on Proceed to checkout on the next page, you will be on /checkout with a section that says "Yep, I'm good to go!" and two labels where people have to click to agree to

- I've tried the page builder and love it! *
- 'm happy with your terms of use. *

I need it so that when they click on the label, it adds a new class to that label item so I can style it with CSS. I have the below code. Looking at inspect element when I click on one of these I can see the label class light up but it doesnt add the new class / toggle it.

Any ideas?

  1. jQuery(".checkout-terms label").click(function() {
  2.        jQuery(this).toggleClass("agreed");
  3. });