Hiding dynamically created Javascript arrays
<p>Is it possible to hide dynamically created arrays from the page source? I mean, when a user does a "view page source", he should not see all the values of the javascript array (looks quite ugly, not to mention the answers are visible).</p>

<p>Here is what I am doing:</p>

<ol>
<li>Fetch the data from DB (e.g. multiple questions)</li>
<li>Create the javascript array with the questions</li>
<li>Use javascript to cycle through the questions one at a time</li>
</ol>

<p>There are 4 reasons for doing this:</p>

<ol>
<li>There should be zero lag between the questions (doesnt matter if it takes some time to load all the questions)</li>
<li>There are shared variables (e.g. a countdown timer) between the questions</li>
<li>Each question maybe "reviewed" immediately (hence the need for the correct answers).</li>
<li>All the questions and the user answers are again displayed for review at the end.</li>
</ol>

<p>Is there are better way of doing that than what I am doing? I think there should be.</p>
