Hi everyone,

I'm hoping someone might be able to help me with this one, as it's probably really simple and I'm just being an idiot!

I have a checkbox within a big blue box which is for accepting terms and conditions. I need to make it stand out and easy for mobile phone users, so I added an ID on the wrapper and put some jQuery code to make the checkbox check/uncheck when clicking anywhere in the box:

Code:
    $('#confirm-terms').on( 'click', function() {
        $('#terms-accepted').trigger( 'click' );
    });
Where confirm-terms is the id of the wrapper and terms-accepted is the checkbox itself.

HOWEVER....if the user clicks the checkbox directly, nothing happens - because it's triggering a click as well as performing the standard behaviour of a checkbox. So, what I need is a clause to say, if anwhere but the actual checkbox is clicked, perform a click trigger, otherwise just let it do what it normally does.

I've tried a few things but can't get it to work, such as using the is(":checked") psuedo operator but to no avail.

Is there an easy way to get around this?

Thank you in advance
Michael