jquery控制字体大中小

很简单的一种操作,一下是代码

<div id='ctt'>生活不止眼前的代码，还有：代码都是一样的，为什么我的报错了？</div>
<input type='button' value='大' οnclick='big()' /> 
<input type='button' value='中' οnclick='middle()' />
<input type='button' value='小' οnclick='small()' />
<script type="text/javascript">
function big()
{
	var a=document.getElementById('ctt');
	a.style.fontSize='24px';
}
function middle()
{
	var a=document.getElementById('ctt');
	a.style.fontSize='18px';
}
function small()
{
	var a=document.getElementById('ctt');
	a.style.fontSize='12px';
}
</script>