jQuery selector help
<p>I have a large HTML document which has roughly this structure:</p>

<pre><code>&lt;div id="a"&gt;
    &lt;!-- more html code here --&gt;
    &lt;span id="title"&gt;...&lt;/span&gt;
    &lt;!-- more html code here --&gt;
&lt;/div&gt;
&lt;div id="b"&gt;
    &lt;!-- more html code here --&gt;
    &lt;span id="title"&gt;...&lt;/span&gt;
    &lt;!-- more html code here --&gt;
&lt;/div&gt;
...
...
&lt;div id="z"&gt;
    &lt;!-- more html code here --&gt;
    &lt;span id="title"&gt;...&lt;/span&gt;
    &lt;!-- more html code here --&gt;
&lt;/div&gt;    
</code></pre>

<p>Notice that the outer DIVs have IDs which are unique ("a", "b", ..., "z"), but inner SPANs have IDs which is non-unique ("title"). </p>

<p>To select a SPAN which is inside the DIV "q", for instance, I tried using this:</p>

<pre><code>$("#q").find("#title"); 
</code></pre>

<p>This runs fast on FF and Chrome but the find() method takes a long time to execute in IE8 (and IE7). Is there some other way I can do this? </p>

<p>Please let me know if I can provide any further information. </p>
