What's the fastest and/or cleanest way to store text content in javascript/DOM?
<p>I typically see version 1 but some open source projects I work on use version 2 and I've used version 3 in the past. Does anyone have a more elegant solution, maybe one that's more scalable?</p>

<p>Version 1:</p>

<pre><code>var text1 = 'this is my script\'s content';
</code></pre>

<p>Version 2:</p>

<pre><code>&lt;script type="text/plain" id="text1"&gt;This is my content&lt;/script&gt;
&lt;script&gt; var text1 = $('#text1').html(); &lt;/script&gt;
</code></pre>

<p>Version 3:</p>

<pre><code>&lt;input type="hidden" id="text1" value="this is my content"&gt;
&lt;script&gt; var text1 = $('#text1').val(); &lt;/script&gt;
</code></pre>

<p>Version 4:</p>

<pre><code>&lt;span class="hidden" id="text1"&gt;this is my content&lt;/span&gt;
</code></pre>
