javascript zoom in zoom out button with jQuery and CSS3

web-zoomer.html

<a href="javascript:void(0)" onclick="enlargex()" id="zoomtab">+ Enlarge</a>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
<script type="text/javascript">
function enlargex(){
	    if ($('body').css('transform') == 'scale(1.2)') {
		    $('body').css('transform','scale(1)');
			$('body').css('-webkit-transform','scale(1)');
			$('body').css('-webkit-transform-origin','0 0');
			$('body').css('-moz-transform','scale(1)');
			$('body').css('-moz-transform-origin','0 0');
			$('body').css('-o-transform','scale(1)');
			$('body').css('-o-transform-origin','0 0');
			$('body').css('-ms-transform','scale(1)');
			$('body').css('-ms-transform-origin','0 0');
			$('#zoomtab').html('+ Enlarge');
		} else {
			$('body').css('transform','scale(1.2)');
			$('body').css('-webkit-transform','scale(1.2)');
			$('body').css('-webkit-transform-origin','0 0');
			$('body').css('-moz-transform','scale(1.2)');
			$('body').css('-moz-transform-origin','0 0');
			$('body').css('-o-transform','scale(1.2)');
			$('body').css('-o-transform-origin','0 0');
			$('body').css('-ms-transform','scale(1.2)');
			$('body').css('-ms-transform-origin','0 0');
			$('#zoomtab').html('- Shrink');
		}
	}
</script>

Its not working with IE8. Any about that???