About good practices for creating and appending elements with JS
<p><strong>Example code</strong>  </p>

<pre><code>var jqxhr=$.getJSON("http://search.twitter.com/search.json?callback=?",{q:query},
                function(data) {
                    ... question.               
                });
</code></pre>

<p><strong>Question</strong></p>

<p>Now i need to create for each tweet result something like this (for example...)</p>

<pre><code>&lt;article class="tweet"&gt;
    &lt;header&gt;
        &lt;img class ="tweet_img"src="data.profile_image_url"/&gt; 
    &lt;/header&gt;
    &lt;p class="tweet-text"&gt;data.text&lt;/p&gt; 
&lt;/article&gt;
</code></pre>

<p>Well, i know several ways to append  each result to the document:</p>

<ol>
<li>Creating a big HTML string and add the data from <strong>JSONP</strong> and append this to some container.  </li>
<li>Create a p element, a header element...  work with them and after that append a final Element to some container.</li>
</ol>

<p>Now the question is: with your experience what is the correct way to do this?<br>
I mean the correct way using good principles. </p>

<p>Please dont ask about the html, it's dumb example.<br>
Thanks.</p>
