Excluir com ajax não funciona

Preciso fazer o cadastro e possibilidade de excluir com ajax (afim de não dar refresh na página)

	Estou fazendo assim, o primeiro que seria o **$('#reg-form_2').submit(function(e){ **para cadastrar funciona, mais os **$('#reg-form_3').submit(function(e){** não funciona, os dois aparacem na mesma página:

$(document).ready(function() {

 // submit form using $.ajax() method

 $('#reg-form_2').submit(function(e){

 e.preventDefault(); // Prevent Default Submission

 $.ajax({
 url: 'cadastra_convidado.php',
 type: 'POST',
 data: $(this).serialize() // it will serialize the form data
 })
 .done(function(data){
 $('#form-content_2').fadeOut('slow', function(){
 $('#form-content_2').fadeIn('slow').html(data);
 });
 })
 .fail(function(){
 alert('Ajax Submit Failed ...');
 });
 });

 });
 $(document).ready(function() {

 // submit form using $.ajax() method

 $('#reg-form_3').submit(function(e){

 e.preventDefault(); // Prevent Default Submission

 $.ajax({
 url: 'deletar_convidado.php',
 type: 'POST',
 data: $(this).serialize() // it will serialize the form data
 })
 .done(function(data){
 $('#form-content_2').fadeOut('slow', function(){
 $('#form-content_2').fadeIn('slow').html(data);
 });
 })
 .fail(function(){
 alert('Ajax Submit Failed ...');
 });
 });

 });

	 

<form method="post" id="reg-form_2" autocomplete="off" style="border:none;">
    <input type="text" name="nome" id="nome" value="" placeholder="Digite o Nome do Convidado"><br>
    <input type="text" name="email" id="email" value="" placeholder="Digite o email do Convidado">
    <button class="btn btn-primary">Adicionar convidado</button>    
    </form>
    <form method="post" id="reg-form_3" autocomplete="off" style="border:none;">           <input type="hidden" name="deletar_convidado" id="deletar_convidado" value="<?php echo $row_convidados['id']; ?>">
    <button class="btn btn-primary" style="margin-bottom:20px;width: 100%;" type="submit">Exlcluir</button> 
    </form>            
<div id="form-content_2"></div>