remove div even if single ul li empty inside the div
<p>I have following code....</p>

<pre><code>&lt;div id="rem-download-ref" class="download-reference"&gt;
    &lt;ul&gt;
        &lt;li&gt;&lt;strong&gt;Download »&lt;/strong&gt;&lt;/li&gt;
        &lt;li&gt;&lt;asp:Image ID="imgepub" runat="server" align="absmiddle" ImageUrl="/images/icon/epub.png" Visible="false"  width="22" height="22" /&gt;&lt;asp:HyperLink ID="HyperLinkePub" runat="server"
                 NavigateUrl='&lt;%# Eval("epub_path").ToString() + Eval("epub_name").ToString() %&gt;'
                 Visible="false"&gt;ePUB&lt;/asp:HyperLink&gt;
        &lt;/li&gt;
        &lt;li&gt;&lt;asp:Image ID="imgmobi" runat="server" align="absmiddle" ImageUrl="/images/icon/mobi.png" Visible="false"  width="22" height="22" /&gt;&lt;asp:HyperLink ID="HyperLinkMobi" runat="server"
                 NavigateUrl='&lt;%# Eval("mobi_path").ToString() + Eval("mobi_name").ToString() %&gt;'
                 Visible="false"&gt;mobi&lt;/asp:HyperLink&gt;
         &lt;/li&gt;
    &lt;/ul&gt;
&lt;/div&gt;
</code></pre>

<p>what I need is if any of the <strong><code>&lt;li&gt;</code></strong> is empty then I want to remove whole div.</p>

<p>how can I do that using javascript?</p>
