Как правильно создать много форм через jquery?

Question

[Шамуэй]

Через jquery создаю несколько форм, почему при нажатии на любую submit всегда отправляется только первая форма?

$(document).ready(function(){
	$('.show').click(function(e){
     $(this).children('.createp').click()
     $('#table').empty()
        //$('.panel-title').remove()
    e.preventDefault();
   
    var email = $("input[name='email']",this).val();
    var id = $("input[name='id']",this).val();
   // console.log(email)
    status = 0;

    
    
    
    $.ajax({
        dataType: 'json',
        type:'POST',

        url: '/ajaxdata',
        data:{
          'id':id,
          'email':email,

         
        },
      success: function(data){
      	for(var i=0; i<data.length; i++){
			var email = data[i].email;
			$('#relative-ajax-table').append(`
				     <tr class="conditional-table">
                          <td class="mdl-data-table__cell--non-numeric">
                          <span class="name-project">${data[i].created}</span>
                          </td>
                          <td>
                           
                                <form style="float:right;" action="/window"  method="post">
                                  <input type="hidden" class="id" name="id" value="${data[i].id}">
                                  <button type="submit" class="mdl-button mdl-js-button mdl-button--icon delete-right"  >Submit
                               </button>
                                </form>
                       
                           
                               
                                </td>
                            </tr>

				`)
		}

}
    })
	})
})


$(document).on("click",".right", function(){
  
        //$('.panel-title').remove()
      $(this).prop( "disabled", true );
   
    var id_backup = $("input[name='id']").val();
;
        tr = $(this).parent().prev()
  
   // console.log(email)
    status = 0;

    
    
    
    $.ajax({
 
        type:'POST',
        url: 'window',
        data:{
          'id':id
         
        },
      success: function(data){
      console.log(data)
      }
    })
  
    })

Answer 1

[Stalker_RED]

Проблема где-то в другом месте.
Из вашего кода совершенно неясно что такое .right, .show, и .createp
Вот ваш же пример (немного упрощенный), и он отправляет именно ту форму, на которую я нажимаю.
https://jsfiddle.net/eddL5r17/