title: How to replace a block of HTML with another block of HTML using jQuery
body: <p>I would like to replace the following html block:</p>
  
  <pre><code>&lt;table class="t12PageBody" cellpadding="0" cellspacing="0" width="100%" summary=""&gt;
    &lt;tr&gt;&lt;td colspan="2"&gt;#REGION_POSITION_01#&lt;/td&gt;&lt;/tr&gt; 
  &lt;/table&gt;
  
  &lt;table width="100%" summary=""&gt;
   &lt;tr&gt;
    &lt;td class="t12ContentBody" valign="top"&gt; #SUCCESS_MESSAGE# #NOTIFICATION_MESSAGE# #BOX_BODY# #REGION_POSITION_04##REGION_POSITION_05##REGION_POSITION_06##REGION_POSITION_07##REGION_POSITION_08#&lt;/td&gt;
    &lt;td align="right" valign="top" class="t12ContentBody"&gt;#REGION_POSITION_03#&lt;br /&gt;&lt;/td&gt;
   &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>with this block:</p>
  
  <pre><code>&lt;div id = "banner"&gt;
  &lt;div class="Logo"&gt;&lt;/div&gt;
  &lt;img src="http://www.example.com/home/images/spacer.gif" height="35" width="180"  border="0" alt=""&gt; &lt;font class="bannertext"&gt;&amp;APPNAME.&lt;/font&gt;
  &lt;div class="bannerText"&gt;
      &lt;div class="hmenu"&gt;&lt;ul&gt;&amp;APPLICATION_LINKS.&lt;/ul&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>I looked at the replace function in jQuery but unsure how to apply.</p>