how can I select both label and input?

Question

I have form containing several options like this:

<label for="edit-attributes-2-29" class="option">
    <input type="checkbox"
          class="form-checkbox" value="29" 
          id="edit-attributes-2-29" name="attributes[2][29]">
    Cajunkryddad biffstek, +30 Kr
</label>

I need to select the whole surrounding div(not included above). when I use .html() I only get the labels and the text. not the input/checkbox.

Feels like something wrong. The whole thing is created by a php-script, so maybe that's the problem...

Someone got an idea?

Answer 1

The problem is the markup, the <label> should be beside the <input>, not containing it, like this:

<input type="checkbox" class="form-checkbox" value="29" id="edit-attributes-2-29" name="attributes[2][29]">
<label for="edit-attributes-2-29" class="option"> Cajunkryddad biffstek, +30 Kr</label>