Adding a new listem to a list, and want to append to the end even if empty
<p>Currently my DOM looks like:</p>

<pre><code>&lt;ol id="abc"&gt;

&lt;/ol&gt;
</code></pre>

<p>Using ajax, I am appending to the last item in the list.</p>

<pre><code>$("#abc li:last").after(newHtml)
</code></pre>

<p>This works if there is a li in the ol.</p>

<p>How can I get this same behaviour when the ol is empty initially.</p>
