title: Jquery replace html with another html
body: <p>I have this html on my document </p>
  
  <pre><code>&lt;iframe width="100%" height="166" scrolling="no" frameborder="no" src=""&gt;
  &lt;html&gt;&lt;head&gt;&lt;/head&gt;&lt;body&gt;&lt;/body&gt;&lt;/html&gt;
  &lt;/iframe&gt;
  </code></pre>
  
  <p>And i need to replace with another custom html code I want
  for example with this:</p>
  
  <pre><code>&lt;div class="customdiv"&gt;any content I want&lt;/div&gt;
  </code></pre>
  
  <p>any idea?
  the problem is that i cant target the element iframe because in the same page I can have many iframe but with different code, I only need to target the ones that have the specific code from up
  thanks in advance</p>