jquery add div with class not working
<p>If there is no content within <code>div.deletePhone</code> then you need to specify the height or else it will be <code>0px</code>.</p>

<pre><code>#div1 ul li .deletePhone{
background-image:  url(http://localhost/TheEatTel/public/images/close.png);
background-repeat: no-repeat;
height:100px; /*some height value*/
}
</code></pre>

<p>That or put <code>var phone</code> in <code>div.deletePhone</code>:</p>

<pre><code>$("#div1 ul").append("&lt;li&gt;&lt;div class='deletePhone'&gt;"+phone+"&lt;/div&gt;&lt;/li&gt;");
</code></pre>
