next（）。nearest（）。parent（）瞄准头晕

Question

我的标签内有一个复选框输入。我读到这是可以的。我还有一个嵌套在其中的第二个复选框，用于绝对定位问题。我隐藏了输入，因此标签是点击处理程序。如果单击label-1，我想使label-2可见，但它们在许多列表中。

小提琴：http://jsfiddle.net/kirkbross/tfKva/6/

<li>
 <label class="label-1">Label #1 (parent label so to speak)
    <input type="checkbox" class="checkbox-1"/> // when this is checked (its label clicked) make label-2 visible
        <label class="label-2">Label #2
            <input style="visibility:hidden;" class="checkbox-2" />
         </label>
</label>
</li>

这是我的代码，它不起作用：

$("label").click(function() {
    $("input:checkbox").each(function() {
        if ($(this).prop("checked")) {
            $(this).next('.label-2').show(); // can't figure out how to get at the second "nested" label

        } else {
            $(this).next('.label-2').hide();
        }
    });
});