jQuery select first child three levels deep
<p>I have the following HTML structure:</p>

<pre><code>&lt;div class="s1&gt;
 &lt;div class="s2"&gt;
  &lt;span class="span1"&gt;
    &lt;span&gt;text&lt;/span&gt;
  &lt;/span&gt;
 &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>Currently I am selecting the most nested span with the following selectors:</p>

<pre><code>$(".s1").find("&gt;:first-child").find("&gt;first:child").find("&gt;:first-child")
</code></pre>

<p>Is there a more efficient way to select that inner span?</p>

<p>Edit: Div with class s1 is already cached, so I cant use $("selector").</p>
