title: Remove <h3> by its text content
body: <p>I am trying to remove a 'h3' tag from a header list selecting it by text.
  For example if I have:</p>
  
  <p>html:</p>
  
  <pre><code>&lt;h3&gt;NO CHANGE&lt;/h3&gt;
  &lt;h3&gt;h3 to be removed&lt;/h3&gt;
  &lt;h3&gt;NO CHANGE&lt;/h3&gt;
  &lt;h3&gt;NO CHANGE&lt;/h3&gt;
  &lt;h3&gt;NO CHANGE&lt;/h3&gt;
  </code></pre>
  
  <p>jQuery:</p>
  
  <pre><code>var h3_text_remove = $('h3').text();
  if (h3_text_remove == 'h3 to be removed'){
      $('h3').remove();
  //console.log (h3_text_remove);
  }
  </code></pre>
  
  <p>How can I remove just the header with text 'h3 to be removed'?</p>
  
  <p>fiddle:
  <a href="http://jsfiddle.net/q2nb08t6/7/" rel="nofollow">http://jsfiddle.net/q2nb08t6/7/</a></p>