[Indiana]

Здравствуйте, Господа!
На днях нарисовал вот такое чудовище:

<script>
    a=[];
    a[0]=100;
    a[1]=200;
    a[2]=300;
    a[3]=400;
    a[4]=500;
    a[5]=600;

    b=[];
    b[0]='самолет';
    b[1]='чайник';
    b[2]='утюг';
    b[3]='кефир';
    b[4]='стол';
    b[5]='арбалет';

    h=[];
    h[0]=h0;
    h[1]=h1;
    h[2]=h2;
    h[3]=h3;
    h[4]=h4;
    h[5]=h5;
 
function fr(i){
 
 var div=document.createElement('div');
  div.innerHTML='Вы выбрали '+b[i]+' ( '+a[i]+' руб. ) '
+'<input type="text" id="h[i]" value="1" onKeyUp="pr(i)"  size="5" 
 />'+' шт.';
    alert(h[i]);
     mid.appendChild (div);
}

</script>

да, можно смеяться!
при нажатии на кнопочку

<input  type="button" value="tratata" onclick="fr(4)">

вот здесь

<div name="mid" id="mid"></div>

появляется строка:
"Вы выбрали стол ( 500 руб. ) (здесь еще input) шт.".

Алерт в функции для того, чтобы узнать ID инпута, но он выдает undefined , т.е. я так понимаю ID так не задать.
можно прекратить смеяться.

Подскажите пжл. как правильно задать ID в создаваемом элементе , т.к.
кнопок много и не хочется для каждой рисовать отдельную функцию.
Заранее благодарен!