jquery - jQuery :not() セレクターのネスト

Question

この HTML マークアップがあります。

<div>
    <ul>
        <li>
            <div id="FieldWrap18" class="fieldSettings full" data-dependent="{19}" data-dependson="">
                <input id="Field_0_18" name="Field_0_18" type="checkbox" value="true">
                <input name="Field_0_18" type="hidden" value="false">
                Yes
            </div>
        </li>
        <li>
            <div id="FieldWrap19" class="fieldSettings full" data-dependent="" data-dependson="">
                <input id="Field_0_19" name="Field_0_19" type="checkbox" value="true">
                <input name="Field_0_19" type="hidden" value="false">
                No
            </div>
        </li>
    </ul>
</div>

このセレクターを使用して「はい」フィールドを選択しようとしています (data-dependent属性を使用する必要があります) 。

$('div:not([data-dependent=""]) input:not([type="hidden"])').on('change', function () {
    alert('Yep!');
});

ただし、両方のinputフィールドを選択しています。のみを選択するにはどうすればよいnon-empty data-dependent non-hidden inputですか? これは、動作しないコードを含むjsFiddleです。div属性さえも持たない親のためにセレクターが壊れることは知ってdata-dependentいますが、その属性を持つものを取得しながら、その div を無視するようにセレクターを構成する方法がわかりません。ご協力いただきありがとうございます。