title: Remove empty <ul> tag with jquery
body: <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>