title: Replace encoded characters for iframes only Jquery
body: <p>The WYSIWYYG editor in the CMS I am using is striping out the iframe code so that this code</p>
  
  <pre><code>&lt;p&gt;&lt;iframe src="http://www.example.com" frameborder="0" width="300" height="300" scrolling="no"&gt;&lt;/iframe&gt;&lt;/p&gt;
  </code></pre>
  
  <p>appears like this when loaded on the page</p>
  
  <pre><code>&lt;p&gt;&amp;lt;iframe src="http://www.example.com" frameborder="0" width="300" height="300" scrolling="no"&amp;gt;&amp;lt;/iframe&amp;gt;&lt;/p&gt;
  </code></pre>
  
  <p>I fixed it up by using this code.</p>
  
  <pre><code>$('p').each(function () {
      var $this = $(this);
      var tt = $this.text();
      $this.html(tt.replace('&amp;lt', '&lt;').replace('&amp;gt', '&gt;'));
  });
  </code></pre>
  
  <p>However if I also have other tags on the page like</p>
  
  <pre><code>&lt;p&gt;&lt;strong&gt;Strong text &lt;/strong&gt;&lt;/p&gt;
  </code></pre>
  
  <p>This also is getting stripped out to appear like    </p>
  
  <pre><code>&lt;p&gt;Strong text &lt;/p&gt;
  </code></pre>
  
  <p>How can I get this change to only apply to iframes?</p>
  
  <p>I have tried something like this but it didn't work.</p>
  
  <pre><code>$this.html(tt.replace('&amp;lt;iframe', '&lt;iframe').replace('&amp;gt;&amp;lt;/iframe&amp;gt;', '&lt;/iframe&gt;'));
  </code></pre>