how to access inner span tag in jquery
<p>I have a HTML structure:</p>

<pre><code>            &lt;div class="mydiv"&gt;xx
               &lt;span&gt;test1&lt;/span&gt;
               &lt;span&gt;test2&lt;/span&gt;
              &lt;div class="inerdiv"&gt;
                 &lt;span&gt;inner span&lt;/span&gt;
               &lt;/div&gt;
               &lt;/div&gt;
             &lt;span&gt;test3&lt;/span&gt;
</code></pre>

<p>Now I want to apply styling to the span which contains "inner span" .</p>

<pre><code>$(function() {
        $(".mydiv").click(function() {

            $(".mydiv").next().find("span").css("border", "1px solid yellow");//not working
        });
    });
</code></pre>

<p>what should be the proper code?</p>
