How can I grab an element inside of an <li> in jQuery?
<p>I have the following <code>&lt;li&gt;</code> - there are many of these, but this is just one example:</p>

<pre><code>&lt;li class="ui-li ui-li-static ui-body-d ui-li-has-icon io-sidebar-link io-sidebar-link-standard" data-theme="d" io-sidebar-section="0aa210f2-e811-4bae-aac0-649bf87fb240" io-object-view="/cms?url=ui/object&amp;amp;object=db13a9ad-2494-34bb-8a59-cb99fd308051" io-record-view="/cms?url=ui/record&amp;amp;object=db13a9ad-2494-34bb-8a59-cb99fd308051" style="display: block"&gt;
          &lt;img src="/document/423fc17f-08b2-46bb-a1db-a5395cd63b83/latest" class="ui-li-icon ui-li-thumb" height="16" width="16"&gt;
          &lt;div class="io-sidebar-link-text"&gt;Tasks&lt;/div&gt;
        &lt;/li&gt;
</code></pre>

<p>I have a click event bound, and would like to print out the value of <code>io-sidebar-link-text</code>. How can I do this?</p>

<p><code>$(this).('.io-sidebar-link-text')</code> is incorrect I believe.</p>
