Javascript-форум - Генерация формы на стороне клиента при загрузки страницы

Доргие друзья. Здравствуйте.

Собственно есть замечательный скрипт. Скрипт добовляет поле<input> при нажатии на ссылку в <div id="parentId">... Кто знает как заставить скрипт все эти действия проводить НЕ при нажатии на onclick="return addField()" , а именно при загрузки страницы где находится сам скрипт и див. Без этих там алертов проверки текущего значение числа полей и тд... это лишнее конечно.

Т.е. прмерно так

<html>
<head>
<title>Страница</title>
</head>
<body>

<div id="parentId">
<div>
<input type="text" id="siF8" class="manFlaCity" name="city" size="20" style="width:100%;" value="" maxlength="50" placeholder="Укажите ваш город"/>
</div>
</div>

</body>
</html>

Помогите с решением новичку. Заранее благодарен.

сам скрипт:

<script>
var countOfFields = 1; // Текущее число полей
var curFieldNameId = 1; // Уникальное значение для атрибута name
var maxFieldLimit = 2; // Максимальное число возможных полей
function addField() {
 // Проверяем, не достигло ли число полей максимума
 if (countOfFields >= maxFieldLimit) {
 alert("Число полей достигло своего максимума = " + maxFieldLimit);
 return false;
 } 
 // Увеличиваем текущее значение числа полей
 countOfFields++;
 // Создаем элемент ДИВ
 var div = document.createElement("div");
 // Добавляем HTML-контент с пом. свойства innerHTML
 div.innerHTML = "<input type=\"text\" id=\"siF8\" class=\"manFlaCity\" name=\"city\" size=\"20\" style=\"width:100%;\" value=\"\" maxlength=\"50\" placeholder=\"Укажите ваш город\"/>";
 // Добавляем новый узел в конец списка полей
 document.getElementById("parentId").appendChild(div);
 return false;
}
</script>


<div id="parentId">
 </div>
<a onclick="return addField()" href="#">Добавить поле</a>