Remove ul(no id for ul) elements from a class - Jquery
<p>I'm trying to develop a greasemonkey script that removes a bar from a site, so far, I've maganged to remove the class itself, but I cannot remove the content within the div. I can remove all ul elements in the entire site, but I only need to remove all specific elements associated with "bar" div class and the ul inside doesn't have an ID, so I can't track it by JQuery. How do I remove the elements ?</p>

<pre><code>&lt;div class="bar"&gt; &lt;ul&gt;
                    &lt;a href="..." onclick=""/&gt;
    &lt;span class="title"&gt;Title 1&lt;/span&gt;
    &lt;/a&gt;

     &lt;a href="..." onclick=""/&gt;
    &lt;span class="title"&gt;Title 2&lt;/span&gt;
    &lt;/a&gt;&lt;/ul&gt;&lt;/div&gt;
</code></pre>

<p>This is what I have so far in JQuery</p>

<pre><code>$(".bar").removeClass('bar');
</code></pre>

<p>I've tried this, but it removes all the UL elements in the entire page and I don't want that</p>

<pre><code>$('ul:not(:first):not(:last)').remove();
</code></pre>
