Removing li when no href with jquery from div
<p>I have a div as below:</p>

<pre><code>&lt;div id="DivInteractive"&gt;
     &lt;p&gt;&lt;strong&gt;INTERACTIVE ONLINE BROCHURE&lt;/strong&gt;&lt;/p&gt;
     &lt;ul&gt;
                  &lt;li&gt;&lt;a href="" target="_blank"/&gt;&lt;/li&gt;
                        &lt;li&gt;&lt;a href="http://www.espireinfo.com" target="_blank"&gt;Internship brochure Interactive 2008&lt;/a&gt;&lt;/li&gt;
                        &lt;li&gt;&lt;a href="http://www.google.com" target="_blank"&gt;OPUS EU Flyer Interactive 2009&lt;/a&gt;&lt;/li&gt;
                        &lt;li&gt;&lt;a href="http://www.rai.com" target="_blank"&gt;2009 PLI Interactive Brochure&lt;/a&gt;&lt;/li&gt;
                        &lt;li&gt;&lt;a href="http://cmsstag/index.aspx" target="_blank"&gt;Worldwide brochure Interactive English 2009&lt;/a&gt;&lt;/li&gt;
                &lt;/ul&gt;
&lt;/div&gt;
</code></pre>

<p>Now I want to remove the <strong>li</strong> if there is no <strong>href</strong> coming from above div through jquery
in above case when page will be loaded, it will remove the first li and my output will be as given below:</p>

<pre><code>&lt;div id="DivInteractive"&gt;
         &lt;p&gt;&lt;strong&gt;INTERACTIVE ONLINE BROCHURE&lt;/strong&gt;&lt;/p&gt;
         &lt;ul&gt;

                            &lt;li&gt;&lt;a href="http://www.espireinfo.com" target="_blank"&gt;Internship brochure Interactive 2008&lt;/a&gt;&lt;/li&gt;
                            &lt;li&gt;&lt;a href="http://www.google.com" target="_blank"&gt;OPUS EU Flyer Interactive 2009&lt;/a&gt;&lt;/li&gt;
                            &lt;li&gt;&lt;a href="http://www.rai.com" target="_blank"&gt;2009 PLI Interactive Brochure&lt;/a&gt;&lt;/li&gt;
                            &lt;li&gt;&lt;a href="http://cmsstag/index.aspx" target="_blank"&gt;Worldwide brochure Interactive English 2009&lt;/a&gt;&lt;/li&gt;
                    &lt;/ul&gt;
    &lt;/div&gt;
</code></pre>

<p>Please suggest any solution using jquery</p>
