从具有相同名称和ID的集合中选择特定的html标记

Question

我有一个包含多个选项卡的窗口，每个选项卡都有不同的表单，但它们都标记为相同：name = form1，id = form1。我希望以下jQuery函数只选择提交的表单：

//Re-enable the submit button and clear previous response messages
$(document).ready(function() {
 $("#form1").on("input change", function() {
 $('input[type="submit"]').attr('disabled', false);
$( "#responseField" ).empty();
 });
})

//Script to run when button clicked
function saveInfo(id){

var buttonId = id;

$( '#form1' ).one("submit", function( event ) {

  event.preventDefault();

  var form = document.getElementById("form1");

//the rest of the jQuery code

挑战在于，一旦加载了窗口，就会加载所有选项卡，因此我的脚本无法从具有相同名称和ID的不同表单的集合中选择一个表单。任何人都知道一个解决方法，以便脚本只选择提交的form1？我知道表格的命名并不理想，但是我正在为别人的代码工作，这对我来说是“凝灰岩”。