title: How to remove a <style> element with jquery?
body: <p>so there is this website and i wanna change the latest change in style, because i think it's ugly and useless.
  i located the bad part, but strangely enough i can't seem to remove it.</p>
  
  <pre><code>&lt;div id="regularMenu"&gt;
  &lt;ul class='menu2'&gt;
   &lt;li&gt;
      &lt;a href="/linkA" class="notcurrent"&gt;link1&lt;/a&gt;
   &lt;/li&gt;
   &lt;li&gt;
      &lt;a href="/linkB" class="notcurrent"&gt;link2&lt;/a&gt;
   &lt;/li&gt;
   &lt;li&gt;
      &lt;a href="/linkC" class="notcurrent"&gt;link3&lt;/a&gt;
   &lt;/li&gt;
   &lt;style&gt;
     a, a:visited { color: #832; }
     #menu a, #menu a:visited { color: #832; }
     .menu2 li a, .menu2 li a:visited { color: #832; }
   &lt;/style&gt;
  &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>i tried</p>
  
  <pre><code> $('.menu2&gt; *:last-child').remove();
  </code></pre>
  
  <p>and</p>
  
  <pre><code> $('/html/body/div[3]/div/ul/style').remove();
  </code></pre>
  
  <p>that being the css path. i copied it with firebug.
  also tried it with the copied Xpath but :(</p>
  
  <p>i also tried:</p>
  
  <pre><code> $('a').css("color", "#269");
  </code></pre>
  
  <p>that works, but it overwrites the old css rule too. and i would rather have that preserved.</p>
  
  <p>i tried looking for an answer but i couldn't find any that helped. so now im hoping someone could help me with this.</p>
  
  <p>thanks!</p>