jQuery child selector: only select top level child elements
<p>I have a multi level unordered list (<code>ul</code>, <code>li</code>):</p>

<pre><code>&lt;ul class="onlyme"&gt;
    &lt;li&gt;one&lt;/li&gt;
    &lt;li&gt;two&lt;/li&gt;
    &lt;li&gt;
        &lt;ul&gt;
            &lt;li&gt;aaa&lt;/li&gt;
            &lt;li&gt;bbb&lt;/li&gt;
        &lt;/ul&gt;
    &lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>and I only want the first child elements of <strong>ul.onlyme</strong> to be selected. I am using the following jQuery to select them</p>

<pre><code>$('ul.onlyme &gt; li').click(function(){
    alert('bingo');
});
</code></pre>

<p>If I click <code>aaa</code> or <code>bbb</code>, the alert appears twice. What do I need to do to make sure it only selects the li's with: 'one' and 'two'?</p>
