title: Remove child element
body: <p>How can I remove the <em>foo</em> <code>label</code> as well as the <code>div</code> child element and the <code>br</code>'s? </p>
  
  <pre><code>&lt;label&gt;qux&lt;/label&gt;
  &lt;label&gt;foo&lt;/label&gt;&lt;div id="block"&gt;text&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;
  &lt;label&gt;bar&lt;/label&gt;
  </code></pre>
  
  <p>My current makeshift method:</p>
  
  <pre><code>$('label:contains("foo")').next().remove();
  $('label:contains("foo")').remove();
  </code></pre>
  
  <p>How can I improve upon this?</p>