How to load a partialview for an AJAX request? [closed]

I can not load a partialview into a div!

     <fieldset>
<legend>Contato:</legend>
@Html.Label("Tipo Contato: ")
@Html.DropDownListFor(t => t.CodTipoContato, Model.TipoContatoList, new { id = "tipoContato", name = "tipoContato", onchange = "CarregarPartialView()" })

      <div id="result">
   @if(Model!=null)
   {        
        if (Model.CodTipoContato == 10)
        {
            Html.RenderPartial("_ContatoEmailFields");

        }
        else if(Model.CodTipoContato==0)
        {
            Html.RenderPartial("_EmptyView");

        }

        else
        {
            Html.RenderPartial("_ContatoTelefoneFields");
        }
   }

   <script type="text/javascript">
      function CarregarPartialView(CodTipoContato){        
       var codTipoContato = $("#tipoContato").val();            
        $.ajax(
        {
        type: "GET",
        url: "TipoContato",
        data: "CodTipoContato="+codTipoContato,           
        sucess: function (result) { $('#resultado').html(result)}
         });
        };
     </script>

    public PartialViewResult TipoContato(int CodTipoContato)
    {
        var tcList = ConsultaRepositorio.ObterTipoContato();
        var codTipoContato = CodTipoContato;
        var tipoContatoVM = new SuperViewModel()
        {
            TipoContatoList = Extentions.ObterTipoContatosList(tcList),
            CodTipoContato=codTipoContato
        };
        return PartialView("_ContatoFields",tipoContatoVM);
    }