[_marisha]

Доброго времени суток!
Необходимо при отмеченном чекбоксе произвести смену фона у div.
На данный момент удалось сделать смену только у label и только если кликнуть строго на сам чекбокс.
Если кликнуть на span, то фон не меняется.
Подскажите, пожалуйста, как у div сделать фон при отмеченном чекбокс и при клике на span и input? Спасибо.

<div class="col-lg-3 put_off">
  <label id="bx_117848907_1354_compare_link" class="checkbox-checked">
    <input type="checkbox" data-entity="compare-checkbox">
    <span data-entity="compare-title">Сравнить</span>
  </label>
</div>

$(window).load(function() {
  $('input[type="checkbox"]').each(function() {
    if ($(this).prop('checked')) {
      $(this).parent().addClass('checkbox-checked');
    }
  });
  $('input[type="checkbox"]').bind("change", function() {
    if ($(this).is(":checked")) {
      $(this).parent('label').addClass('checkbox-checked');
    } else {
      $(this).parent('label').removeClass('checkbox-checked');
    }
  });
})

.checkbox-checked {
  background: #FFCC00;
}