title: Remove elements if text matches a string in jQuery
body: <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>