title: Create a table inside script tag
body: <p>How do I create a table inside the script tag without going to another page? I am currently using the <b>document.write()</b> function but it opens a new page but i want it to stay on the page as i click my button? here is my current code:</p>
  
  <pre><code> $( "#searchVehicleDesc" ).button().click(function( event ) {
  
                  document.write('&lt;fieldset&gt;');
                  document.write('&lt;legend&gt;Dashboard&lt;\/legend&gt;&lt;br&gt;');
                  document.write('&lt;table border="1" width="650"&gt;');
                  document.write('&lt;tr bgcolor=#c0c0c0&gt;');
                  document.write('&lt;td width=100 align="center"&gt;&lt;font face="helvetica"&gt;&lt;b&gt;Vehicle Name&lt;\/b&gt;&lt;\/font&gt;&lt;\/td&gt;');
                  document.write('&lt;td width=80 align="center"&gt;&lt;font face="helvetica"&gt;&lt;b&gt;Service Type&lt;\/b&gt;&lt;\/font&gt;&lt;\/td&gt;');
                  document.write('&lt;td width=80 align="center"&gt;&lt;font face="helvetica"&gt;&lt;b&gt;Others&lt;\/b&gt;&lt;/\font&gt;&lt;\/td&gt;');
                  document.write('&lt;td width=100 align="center"&gt;&lt;font face="helvetica"&gt;&lt;b&gt;Reference No.&lt;\/b&gt;&lt;\/font&gt;&lt;\/td&gt;');
                  document.write('&lt;td width=80 align="center"&gt;&lt;font face="helvetica"&gt;&lt;b&gt;Reference Date&lt;\/b&gt;&lt;\/font&gt;&lt;\/td&gt;');
                  document.write('&lt;td width=80 align="center"&gt;&lt;font face="helvetica"&gt;&lt;b&gt;Reference Type&lt;\/b&gt;&lt;\/font&gt;&lt;\/td&gt;');
                  document.write('&lt;\/tr&gt;');
                  document.write('&lt;\/table&gt;');
                  document.write('&lt;\/fieldset&gt;');
  
  
    });
  </code></pre>