Generating dynamic data using Javascript
<p>Given that I have an array of alphabetical characters:</p>

<pre><code>var qwerty = [['q', 'w', 'e', 'r', 't', 'y', 'u', 'i', 'o', 'p'], ['a', 's', 'd', 'f', 'g', 'h', 'j', 'k', 'l'], ['z', 'x', 'c', 'v', 'b', 'n', 'm']];
</code></pre>

<p>How would I present them in three rows like on a conventional keyboard using JS without resorting to something like this:</p>

<pre><code>&lt;input type='button' value='Q' id='bt1'/&gt;
&lt;input type='button' value='W' id='bt2'/&gt;
&lt;input type='button' value='E' id='bt3'/&gt;
&lt;input type='button' value='R' id='bt4'/&gt;
&lt;input type='button' value='T' id='bt5'/&gt;
&lt;input type='button' value='Y' id='bt5'/&gt;
&lt;input type='button' value='U' id='bt7'/&gt;
&lt;input type='button' value='I' id='bt8'/&gt;
&lt;input type='button' value='O' id='bt9'/&gt;
&lt;input type='button' value='P' id='bt10'/&gt;
&lt;br&gt;
&lt;input type='button' value='A' id='bt11'/&gt;
&lt;input type='button' value='S' id='bt12'/&gt;
&lt;input type='button' value='D' id='bt13'/&gt;
&lt;input type='button' value='F' id='bt14'/&gt;
&lt;input type='button' value='G' id='bt15'/&gt;
&lt;input type='button' value='H' id='bt16'/&gt;
&lt;input type='button' value='J' id='bt17'/&gt;
&lt;input type='button' value='K' id='bt18'/&gt;
&lt;input type='button' value='L' id='bt19'/&gt;
&lt;br /&gt;
...
</code></pre>

<p>Many thanks in advance!</p>
