jQuery last-child and insetBefore does not work
<p>My code:</p>

<pre><code>$('#discussion li:last-child').insertBefore('&lt;li class="other"&gt;ciao&lt;/li&gt;');
</code></pre>

<p>The above does not work. This erases the last <code>&lt;li&gt;</code> element.<br></p>

<p>I wish it add another <code>&lt;li&gt;</code> after the last <code>&lt;li&gt;</code> </p>

<p>Here's a complete example
   <a href="https://jsfiddle.net/4q0eLkd1/13/" rel="nofollow">https://jsfiddle.net/4q0eLkd1/13/</a></p>