Onclick JS

Olá amigos bom dia, venho pedir uma ajudinha, o problema é o seguinte, tenho um form html dentro de um js, e preciso enviar esse form por ajax, porém n estou conseguindo executar o onclick dentro dele e nem pegar os values dos inputs, segue o source abaixo para análise, desde já muito obrigado!

Esse trecho do form HTML está dentro de um popover, dentro do js

 '<form>'+
 '<div class="fc-body remove-confirm">' +
 '<p> <b>Deseja excluir o Agendamento?</b></p>' +
 '<div class="text-center">' +
 '<input type="hidden" name="id" id="id" class="form-control" value='+event.id+'>'+
 '<input type="hidden" name="deletar" id="deletar" value="1">'+
 '<button type="buttom" class="btn btn-rounded btn-sm"><i class="fa fa-check" onclick="excluir()"></i> Sim</button>' +
 '<button type="button" class="btn btn-rounded btn-sm btn-default remove-popover"><i class="fa fa-times"></i> Não</button>' +
 '</div>' +
 '</div>' +
 '</form>' +

 Aqui é minha função com ajax, que também esta no mesmo js que o form html

 function excluir(){
 var id=$('#id').val();
 var deletar=$('#deletar').val();

 $.ajax({
 url: '../excluir.php',
 type: "POST",
 data:'id='+id+'&deletar='+deletar
 }).done(function(resposta){
 if (resposta=='deletou') {
 swal({
 title: "Processo Concluído!",
 text: "Atualizado com sucesso!",
 type: "success",
 confirmButtonClass: "btn-success",
 confirmButtonText: "Ok"
 });

 }else{
 window.location="index";
 }
 }
 });
 }