Javascript-форум - добавить скрипт динамически на страницу

Здравствуйте.
Есть вопрос уважаемые специалисты, суть такая: на форме есть много полей ввода таблица с <input>) при клике должно появляться меню это работает вот код:

Код:

$(function () {

        $('#sptemp_ch1').keypad({onClose: function() {

        var getch = $(this).val();

        var valint = parseInt(getch);

        if(valint>500){

            valint = 500;

        }else if(valint<0){

            valint = 0;

        }else if((valint===undefined)||(valint ===NaN)){

            valint = 0;

        }

        $(this).val(valint);

        }});

});

Сложность в том что полей sptemp_ch1 много и если копипастить получается много строк. Как сделать что бы в цикле этот код автоматом во время загрузки страницы загружался?
както так может:

Код:

fuction generatecodejs(){



var head = document.getElementsByTagName('head')[0];

var script = document.createElement('script');

script.type = 'text/javascript';

script.charset = 'utf-8';

script.id = 'keysp';

script.defer = true;

script.async = true;

script.onload = function () {



}

for(var i = 0; i<19;i++){

script.text += [" $(function () {        $('#sptemp_ch'"+i+").keypad({onClose: function() {        var getch = $(this).val();        var valint = parseInt(getch);        if(valint>500){            valint = 500;        }else if(valint<0){  valint = 0;        }else if((valint===undefined)||(valint ===NaN)){  valint = 0;        }        $(this).val(valint);                }});});

"].join('');

}

head.appendChild(script);

}