Append li after current li
<p>I would like to append a li in a ul after my current selection.</p>

<p>I bound a click event to the li, and when it's clicked, another li has to be added after the current.</p>

<p>What I have now is:</p>

<pre><code>$(this).parent().append('&lt;li&gt;test&lt;/li&gt;');
</code></pre>

<p>But this just adds the li to the ul, not after the current li.</p>

<p>Is there a way to do that?</p>

<p>Thanks in advance</p>
