title: Add class and change inner HTML when checkbox is checked
body: <p>I want to add/remove a class to the upper div with class <code>"related-box-check"</code> and change the inner HTML of the label, when the checkbox is checked. It should be removed (back to default), when the box is unchecked again. My checkbox-id is generated dynamically. </p>
  
  <p>How can I achieve that?</p>
  
  <p>My HTML looks like this:</p>
  
  <pre><code>&lt;div class="related-box-check"&gt;
  &lt;input type="checkbox" class="checkbox related-checkbox" id="related-checkbox162569" name="related_products[]" value="162569"&gt;
  &lt;label class="label-related" for="related-checkbox162569"&gt;Add for check&lt;/label&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>JSFiddle: <a href="https://jsfiddle.net/ws7wk19g/" rel="nofollow noreferrer">https://jsfiddle.net/ws7wk19g/</a></p>