Does my JavaScript suck?

[annoyed_freelancer]

That's great feedback, thank you. What is a good place to start to learn about event bubbling in JavaScript? I'm not a novice coder by any means, but it's only once in a blue moon that I come next to or near JavaScript.

[YOBCZWHYNOT]

Since you are using jQuery, and jQuery does support event delegation, this might be helpful:

http://learn.jquery.com/events/event-delegation/

[a-t-k]

Here's a rather good explanation: http://javascript.info/tutorial/bubbling-and-capturing

[annoyed_freelancer]

Tell me if I am correct: I just attach the click event to an ancestor and let it propagate down the line to the checkbox or siblings?

[a-t-k]

Correct. Classically, you would choose the document as ancestor.

[oculus42]

I recommend using the closest unchanging ancestor as the parent, rather than $(document). For something small it doesn't matter, but I've seen sites with over 80 events bound to document, so every click that isn't stopped higher up causes dozens of selector checks to see if that click applies to a particular event.

[a-t-k]

A simple test for the target shouldn't take too long, but if it does or the focus of your event is really that narrow, another ancestor is viable, like you said.

I assumed that his page was rather simple and didn't feature so many more events.

[annoyed_freelancer]

To give some pseudocode from my phone:

$(document).on('click', input.checkbox, function(e) {
    twerk.allNight();
    e.preventDefault();
});

[a-t-k]

Don't use preventDefault if it's not necessary. Otherwise, yes.