How to remove the last <li></li> using Jquery?
<pre><code>  &lt;div id="q"&gt;
    &lt;ul&gt;&lt;li&gt;
    &lt;table&gt;&lt;tr&gt;&lt;td&gt;Question 1&lt;/td&gt;&lt;td&gt;&lt;input type="text" name="question1" size="60" /&gt;&lt;/td&gt;&lt;/tr&gt;
   &lt;tr&gt;&lt;td&gt;Answer:&lt;/td&gt;&lt;td&gt;&lt;input type="text" name="answer1" size="8" /&gt;&lt;/td&gt;&lt;/tr&gt;
    &lt;/li&gt;&lt;/ul&gt;
&lt;/div&gt;

&lt;input class="btn" id="addquestion"  type="button"  value="Add Question" /&gt;
&lt;input class="btn" id="removequestion"  type="button"  value="Remove Question" /&gt;
&lt;script&gt;


 $('#addquestion').click(function() {
 var $question_number = $('#q li').size() + 1;

   $html='&lt;li&gt;&lt;table&gt;&lt;tr&gt;&lt;td&gt;Question '+$question_number+'&lt;/td&gt;&lt;td&gt;&lt;input type="text" name="question'+$question_number+'" size="60" /&gt;&lt;/td&gt;&lt;/tr&gt;\
   &lt;tr&gt;&lt;td&gt;Answer:&lt;/td&gt;&lt;td&gt;&lt;input type="text" name="answer'+$question_number+'" size="8" /&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/li&gt;';
  $('#q ul').append($html);
   });

  $('#addquestion').click(function() {
$('#q li:last').remove();
}); 
&lt;/script&gt;
</code></pre>

<p>$('#q li:last').remove(); doesn't work. What's wrong?</p>
