Привязать событие click jQuery JavaScript к метке И на флажке одновременно

Я использую метки для своей формы, например:

<label for="foo" id="bar">Label</label>
<input type="checkbox" id="foo" />

I хотите скрыть элемент, когда пользователь снимает флажок, и показать его в противном случае.

Проблема в том, что если я привяжу событие щелчка к «foo», оно будет работать только тогда, когда пользователь щелкнет сам флажок, а не метку. Следовательно, нужно ли привязать событие щелчка к метке? Или мне следует заключить оба элемента в диапазон? Мой HTML уже содержит 2344 элемента, поэтому я хотел бы сделать это, не добавляя ничего и, если возможно, не дублируя код JavaScript или селектор.