Javascript-форум - После нажатия Submit не срабатывает скрипт

Добрый вечер!

У меня сайт со шрифтами. Недавно решил сделать возможность пользователю наглядно проверить шрифт прямо у меня на сайте (т.е. пользователь выбирает понравившийся шрифт, вводит любой текст, нажимает Ок - и этот текст показывается в данном шрифте). Вот пример такого сайта: http://www.fontov.net/micra-normal

В интернете наткнулся на интересную вещь typeface. http://typeface.neocracy.org/

Подогнал её к сайту, и всё хорошо, но при изменении текста в строке он отображается обычным шрифтом.

Вот код страницы:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="js/typeface-0.15.js"></script>
</head>
<body>
<script type="text/javascript">
function changeText2(){
 var userInput = document.getElementById('userInput').value;
 document.getElementById('boldStuff2').innerHTML = userInput;
 document.getElementById('boldStuff2').className = 'typeface-js';
 document.getElementById('boldStuff2').style.fontFamily = 'a_AvanteTitulInline';
}
</script>
<script type="text/javascript" src="js/a_avantetitulinline_regular.typeface.js"></script>
<div>
	<div id="boldStuff2" class="typeface-js" style="font-family: a_AvanteTitulInline; font-size:60px">
		<p>Digmast</p>
	</div>
	<div>
		<form onsubmit="changeText2(); return false;">
			<input type="text" id="userInput" value="Введите текст"/>
			<input type="submit" value="Проверить"/>
		</form>
	</div>
</div>
</body>
</html>

То есть при загрузке страницы скрипт typeface-0.15.js срабатывает и статичный текст отображается в нестандартном шрифте, но при нажатии на кнопку показывает обычный шрифт.

Как это исправить?