Função usando MVC para carregar VIEW

Opa pessoal,

Sou iniciante e estou tentando programar uma função em javascript para carregar uma view do codeigniter, mas não estou tendo sucesso. O que estou fazendo errado no meu código?

minha função

<script type="text/javascript">

 var baseurl = '<?php site_url(); ?>'; //raiz do website

 function navbutton(id) {

 $.ajax({
 type: 'GET',
 url: baseurl+'main/'+id,
 dataType: 'html',
 success: function(html) {
 $('#teste').html(html);
 }
 });
 }
</script>

Meu HTML

<li><a href="javascript:void(0)" id="portfolio" onclick="navbutton(this.id)">Portfolio</a></li>