Remove empty <ul> tag with jquery
<p>I have code like above</p>

<pre><code>     ` &lt;ul id="jsddm"&gt;

                            &lt;li&gt;&lt;a href="Default.aspx"&gt;
                                Menu&lt;/a&gt;
                                &lt;ul style="visibility: hidden;"&gt;


                                            &lt;li&gt;&lt;a href="Content.aspx?ID=153"&gt;
                                                SubMenu&lt;/a&gt;&lt;/li&gt;


                                            &lt;li&gt;&lt;a href="Content.aspx?ID=152"&gt;
                                                SubMenu&lt;/a&gt;&lt;/li&gt;

                                &lt;/ul&gt;
                            &lt;/li&gt;

                            &lt;li&gt;&lt;a href="#"&gt;
                                Menu&lt;/a&gt;
                                &lt;ul style="visibility: hidden;"&gt;

                                &lt;/ul&gt;
                            &lt;/li&gt;

                &lt;/ul&gt;
            &lt;/div&gt;`
</code></pre>

<p>I want to romove empty sub <b>"ul"</b> tags which is has got not <b>"li"</b> tag(s) with jquery when my page onload.
How can I do? Thanks for help.</p>
