How to create multiple boxes with onclick event
<p>Upon <code>onclick</code>, I need to generate multiple boxes with unique ids and random positions.</p>

<p>Here is my <a href="http://jsfiddle.net/christopherpl/gnVj6/" rel="nofollow">effort so far</a>:</p>

<pre><code>&lt;h1&gt;The Amazing Box App&lt;/h1&gt;
&lt;form id="data"&gt;
&lt;ol&gt;
&lt;li&gt;Pick a name for your Amazing Box: &lt;br&gt;
&lt;label for="name"&gt;Name: &lt;/label&gt;
&lt;input type="text" id="name" size="20" placeholder="My Amazing Box .."&gt;
&lt;/li&gt;
&lt;li&gt;Pick a color for your Amazing Box: &lt;br&gt;
&lt;select id="color"&gt;
&lt;option value=""&gt;Pick a color&lt;/option&gt;
&lt;option value="red"&gt;Red&lt;/option&gt;
&lt;option value="orange"&gt;Orange&lt;/option&gt;
&lt;option value="yellow"&gt;Yellow&lt;/option&gt;
&lt;option value="green"&gt;Green&lt;/option&gt;
&lt;option value="blue"&gt;Blue&lt;/option&gt;
&lt;option value="indigo"&gt;Indigo&lt;/option&gt;
&lt;option value="violet"&gt;Violet&lt;/option&gt;
&lt;/select&gt;
&lt;/li&gt;
&lt;li&gt;How many Amazing Boxes do you want to create?&lt;br&gt;
&lt;input type="radio" id="five" name="amount" value="5"&gt;
&lt;label for="five"&gt;5&lt;/label&gt;&lt;br&gt;
&lt;input type="radio" id="ten" name="amount" value="10"&gt;
&lt;label for="ten"&gt;10&lt;/label&gt;&lt;br&gt;
&lt;input type="radio" id="fifteen" name="amount" value="15"&gt;
&lt;label for="fifteen"&gt;15&lt;/label&gt;&lt;br&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;
&lt;input type="button" id="generateButton" value="Generate My Amazing Boxes"&gt;
&lt;input type="button" id="clearButton" value="Clear My Amazing Boxes"&gt;
&lt;/p&gt;
&lt;/form&gt;
&lt;div id="scene"&gt;
&lt;/div&gt;
</code></pre>

<p>I am looking for a javascript only solution. </p>
