Q:

Using jQuery .fadeOut() on checkbox

My HTML-
<input id="skipOnClick" type="checkbox">-   Skip song when notification is clicked?</input>

Then when I run this jQuery $('#skipOnClick').fadeOut();, only the checkbox fades and not the text with it. Is there a way that both the checkbox and text can fade or am I going to have to use another HTML element to put the text in and fade both the checkbox and element?

A:

The input element cannot have a text within it, so you need to wrap the text and input in another element like a label then hide it like
<label for="skipOnClick" id="lblSkipOnClick">
    <input id="skipOnClick" type="checkbox">-   Skip song when notification is clicked?
</label>

then
$('#lblSkipOnClick').fadeOut();

