jquery filter not working when context element provided
<p><a href="http://jsfiddle.net/PguVw/1/" rel="nofollow">Very simple JSFiddle demonstrates the problem</a> (you'll need to view a debug console since <code>console.log</code> is used to demonstrate the problem). The 2nd console.log statement is empty. However the code works if I remove<code>el</code> from the following line:</p>

<p><code>var items = $('li[data-level="2"]', el);</code></p>

<p>so that it becomes:</p>

<p><code>var items = $('li[data-level="2"]');</code></p>

<p>then the code works. Can anyone explain why this is? Don't know why the line declaring <code>el</code> would be missing, it's showing for me in JSFiddle, but here's all the code in the JavaScript panel:</p>

<pre><code>$(document).ready(function() {
    var el = $('ul');
    var items = $('li[data-level="2"]', el);
    console.log(items);
    var visible = items.filter(':visible');
    console.log(visible);
});
</code></pre>
