how to delete or hide a li
<pre><code>&lt;li&gt;ff&lt;strong&gt;foobar&lt;/strong&gt;&lt;a class="icon-close" href="#."&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;ff&lt;strong&gt;foobar&lt;/strong&gt;&lt;a class="icon-close" href="#."&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;ff&lt;strong&gt;foobar&lt;/strong&gt;&lt;a class="icon-close" href="#."&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;ff&lt;strong&gt;foobar&lt;/strong&gt;&lt;a class="icon-close" href="#."&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;ff&lt;strong&gt;foobar&lt;/strong&gt;&lt;a class="icon-close" href="#."&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;ff&lt;strong&gt;foobar&lt;/strong&gt;&lt;a class="icon-close" href="#."&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;ff&lt;strong&gt;foobar&lt;/strong&gt;&lt;a class="icon-close" href="#."&gt;&lt;/a&gt;&lt;/li&gt;
</code></pre>

<p>On clicking the <code>a</code>, the respective <code>li</code> should be deleted.</p>

<p><code>$(.close-icon).hide();</code> hides every thing.</p>
