title: how to remove an element in html string with jQuery
body: <p>I have a Html String and I want to parse it to html and then remove any <code>pre</code> tags and it's children.
  I tried this:</p>
  
  <pre><code>HTMLString = "&lt;p&gt;a paragraph&lt;/p&gt;&lt;p&gt;second Paragraph&lt;/p&gt;&lt;pre&gt;&amp;lt;script&amp;gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;function (){&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;something();&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;}&amp;lt;/script&amp;gt;&lt;/pre&gt;";
  var $jQueryObject = $($.parseHTML(HTMLString));
  alert($jQueryObject.find('pre').length);
  </code></pre>
  
  <p>but this alert me 0 that means it can't find any <code>pre</code> tag.
  can anyone tell me what's wrong with my code?</p>
  
  <p><a href="https://jsfiddle.net/mosijava/s93u7d17/2/" rel="nofollow noreferrer">this is my fiddle</a></p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>HTMLString = "&lt;p&gt;a paragraph&lt;/p&gt;&lt;p&gt;second Paragraph&lt;/p&gt;&lt;pre&gt;&amp;lt;script&amp;gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;function (){&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;something();&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;}&amp;lt;/script&amp;gt;&lt;/pre&gt;";
      var $jQueryObject = $($.parseHTML(HTMLString));
  alert($jQueryObject.find('pre').length);</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"&gt;&lt;/script&gt;</code></pre>
  </div>
  </div>
  </p>