JQuery show delete button on appended div
<p>I have so far able to remove each appened elements using <code>.remove()</code> function of JQuery. my problem is the delete button is always showing on the first element. </p>

<p>I want to hide the delete button on first element and show the delete button when I append a new element.</p>

<p>I have set the delete button on the first element to </p>

<pre><code> .delete-button:first-child{
    display:none;
 }
</code></pre>

<p>in my css but all succeeding appends do not show the delete button..
how can I do this with JQuery can it be done using CSS only?</p>