Need help with jQuery conditional that removes container element based on matched text
<p>here is my markup:</p>

<pre><code>  &lt;div&gt;
        &lt;h3&gt;Title&lt;/h3&gt;
        &lt;ul class="eventslist"&gt;
            &lt;li&gt;This event would be discarded&lt;/li&gt;
                &lt;ul&gt;
                    &lt;li&gt;...&lt;/li&gt;
                    &lt;li&gt;...&lt;/li&gt;
                &lt;/ul&gt;
            &lt;/li&gt;
        &lt;/ul&gt;
    &lt;/div&gt;

    &lt;div&gt;
        &lt;h3&gt;Title&lt;/h3&gt;
        &lt;ul class="eventslist"&gt;
            &lt;li&gt;Earnings - This event would be included&lt;/li&gt;
                &lt;ul&gt;
                    &lt;li&gt;...&lt;/li&gt;
                    &lt;li&gt;...&lt;/li&gt;
                &lt;/ul&gt;
            &lt;/li&gt;
        &lt;/ul&gt;
    &lt;/div&gt;
</code></pre>

<p>I need help writing a conditional that would go through each UL class="eventslist" on the page, and check that the first LI under UL class="eventslist" contains the word "Earnings" (it can be anywhere in the text, and capitilization should be ignored). If it doesn't, the entire DIV wrapped around the UL should be removed along with everything inside it. </p>

<p>Any help is greatly appreciated!</p>
