title: How to replace one table(HTML) with other dynamically
body: <p>The other table is exactly same except some data changes.All i want is to change this tables with other table dynamically on a button click.</p>
  
  <pre><code>&lt;TABLE BORDER="5" WIDTH="50%" CELLPADDING="4" CELLSPACING="3"&gt;
     &lt;TR&gt;
        &lt;TH COLSPAN="2"&gt;&lt;BR&gt;&lt;H3&gt;TABLE TITLE&lt;/H3&gt;
        &lt;/TH&gt;
     &lt;/TR&gt;
     &lt;TR&gt;
        &lt;TH&gt;Column A&lt;/TH&gt;
        &lt;TH&gt;Column B&lt;/TH&gt;
     &lt;/TR&gt;
     &lt;TR ALIGN="CENTER"&gt;
        &lt;TD&gt;Data 1&lt;/TD&gt;
        &lt;TD&gt;Data 2&lt;/TD&gt;
     &lt;/TR&gt;
  &lt;/TABLE&gt;
  &lt;button href="#"&gt;next table
  &lt;/button&gt;
  </code></pre>