How do I add <span> tags as a child of only <li>'s with a specific class (pls see example)
<pre><code>&lt;ul&gt;
  &lt;li&gt;
    &lt;a class="selected" href="#"&gt;One&lt;/a&gt;
  &lt;/li&gt;
  &lt;li&gt;
    &lt;a href="#"&gt;Two&lt;/a&gt;
  &lt;/li&gt;
  &lt;li&gt;
    &lt;a href="#"&gt;Three&lt;/a&gt;
  &lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>I am trying to use jQuery to find the <code>li a</code> with the class of <code>selected</code>, and add a span as a child of the <code>li</code>. So it ends up looking like this:</p>

<pre><code>&lt;ul&gt;
  &lt;li&gt;
    &lt;a class="selected" href="#"&gt;One&lt;/a&gt;
    &lt;span class="arrow"&gt;&lt;/span&gt;
  &lt;/li&gt;
  &lt;li&gt;
    &lt;a href="#"&gt;Two&lt;/a&gt;
  &lt;/li&gt;
  &lt;li&gt;
    &lt;a href="#"&gt;Three&lt;/a&gt;
  &lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>I think I have to use <code>.find</code> but I am not sure how to put it together. If anyone can give me a hand, I'd really appreciate it. Thank you.</p>
