Get checkbox value from a specific li
<p>I have the following html structure. I can select the the <code>&lt;li&gt;</code> but cannot get the checkbox value - it's <code>undefined</code></p>

<pre><code>&lt;ul&gt;
    &lt;li class="selected" style="false"&gt;
        &lt;label class=""&gt;
            &lt;input type="checkbox" data-name="selectItem" value="2447"&gt; 
            &lt;span&gt;England&lt;/span&gt;
        &lt;/label&gt;
    &lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<pre class="lang-js prettyprint-override"><code>$('ul li.selected').each(function () {
    console.log('li.selected');
    var val = $(this).closest('label').find('[type=checkbox]').val();
    console.log(val);                                        
});
</code></pre>