Appending multiple html elements using Jquery
<p>Am new to jQuery and wondering if any could advise me on best practise...</p>

<p>I am looking to append a div element to the page, which contains a lot of html and not sure what the best way to achieve this is....or if it is advisable using jquery...</p>

<p>For example, if I wanted to append the following code to the page using jquery, what is the best way.</p>

<pre><code>&lt;div id="test"&gt;
    &lt;h1&gt;This is the test&lt;/h1&gt;
    &lt;p&gt;Hello, just a test&lt;/p&gt;
    &lt;a href="www.test.com"&gt;Click me&lt;/a&gt;
    &lt;a href="www.test.com"&gt;Click me again&lt;/a&gt;
&lt;/div&gt;
</code></pre>
