Accessing child element using jQuery
<p>Assuming I have this HTML structure:</p>

<pre><code>&lt;ul class='menu'&gt;
    &lt;li&gt;
       &lt;div&gt;&lt;/div&gt;
       &lt;div&gt;
          &lt;div&gt;&lt;/div&gt;
          &lt;div&gt;
            &lt;a href="#"&gt;Text&lt;/a&gt;
          &lt;/div&gt;
       &lt;/div&gt;
    &lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>How would I, using jQuery, go about accessing "Text"? I know I need to use something like $('a').text(), but my hangup lies in not knowing how to get down to that level when I only know the class of the UL at the top. I've tried using variations of .children() but I'm not quite sure how to traverse down that far.</p>

<p><strong>Please assume that I cannot change any of the original HTML markup.</strong> </p>

<p>Thanks in advance. </p>
