Jquery Selector specific elements of a parent
<p>I have a menu that I'm building that looks something like this:</p>

<pre><code>&lt;ul id="myUl"&gt;
    &lt;li&gt;&lt;span&gt;li #1&lt;/span&gt;
        &lt;ul&gt;
            &lt;li&gt;
                &lt;div class="myContent"&gt;
                    &lt;a href="" name="myLink"&gt;clickMe!&lt;/a&gt;
                &lt;/div&gt;
            &lt;/li&gt;
    &lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>So, i'd like to define a click handler for the <code>&lt;a&gt;</code> tag of the <code>ul</code> with the id of <code>"myUl".</code></p>

<p>I tried something like a css selector like:</p>

<pre><code>$('ul[id="myUl] a').on('click', do stuff!);
</code></pre>

<p>or</p>

<p><code>$('ul[id="myUl] &gt; a').on('click', do stuff!);</code> //this doesn't work because <code>a</code> is not a direct child of <code>ul</code>.</p>

<p>What's the correct way of handeling clicks of just the <code>a</code> element of this specific <code>ul</code>?</p>
