Remove elements if text matches a string in jQuery
<p>I have the following markup: </p>

<pre><code>&lt;div id="breadcrumbs"&gt;
  &lt;ul&gt;
   &lt;li&gt;&lt;span class="crumblink"&gt;&lt;a href="/"&gt;Home&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;
   &lt;span class="arrows"&gt; »&lt;/span&gt;  
   &lt;li&gt;&lt;span class="crumblink"&gt;&lt;a href="/locations-brands"&gt;Publishing Regions&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;
   &lt;span class="arrows"&gt; »&lt;/span&gt;  
   &lt;li&gt;&lt;span class="crumblink"&gt;&lt;a href="/locations-brands/publications"&gt;Locations &amp;amp; Brands&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;
   &lt;span class="arrows"&gt; »&lt;/span&gt;
   &lt;li&gt;&lt;span class="crumblink"&gt;&lt;a href="/locations-brands/publications/popupbrand"&gt;Publications&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;
   &lt;span class="arrows"&gt; »&lt;/span&gt;  
  &lt;/ul&gt;
&lt;/div&gt;
</code></pre>

<p>How can I remove a <code>&lt;li&gt;</code> if has string "Publications" as well as its next <code>span.arrows</code>?</p>

<p>Thanks in advance.</p>
