Targeting lists in Jquery?
<p>I have a ul with the class .answers.</p>

<p>How can I target the last li in that list?</p>

<p>I've got:</p>

<pre><code>$(this).parent().children(".answers li:last")
</code></pre>

<p>This targets the answers ul fine:</p>

<pre><code>$(this).parent().children(".answers');
</code></pre>

<p>Just having trouble with the last bit</p>

<hr>

<p>HTML</p>

<pre><code>&lt;div class="control-group"&gt;
                    &lt;label class="control-label"&gt;Answers:&lt;/label&gt;
                    &lt;div class="controls"&gt;
                    &lt;ul class="answers"&gt;
                        &lt;li class="answer"&gt;
                            &lt;input class="input-xxlarge answerInput"  type="text" placeholder="Answer A" name="answer"&gt;
                            &lt;button type="button" class="btn btn-inverse deleteAnswerBtn"&gt;x&lt;/button&gt;
                        &lt;/li&gt;
                        &lt;li class="answer"&gt;
                            &lt;input class="input-xxlarge answerInput"  type="text" placeholder="Answer A" name="answer"&gt;
                            &lt;button type="button" class="btn btn-inverse deleteAnswerBtn"&gt;x&lt;/button&gt;
                        &lt;/li&gt;
                    &lt;/ul&gt;
                    &lt;button type="button" class="btn addAnswerBtn"&gt;+&lt;/button&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
</code></pre>
