Селектор идентификатора JavaScript

Question

У меня есть 2 формы

<form name= "form1" action="">
  <input type="hidden" name="max" id= "max1" value="100"/> 
  <input type="submit"  class="submit" value="part 1" />
</form>

<form name= "form2" action="">
  <input type="hidden" name="max2" id= "max2" value="200"/> 
  <input type="submit"  class="submit" value="part 2" />
</form>

Я получаю значения из этой формы здесь

         $(".submit").click(function () {

 here  -->       var max_res = $("input#max1").val();
                 var  Results = "Max Result " + max_res;      
         });

Мой вопрос: как я могу динамически изменить идентификатор с max1 на max2 , чтобы я мог сохранить значение max2 в max-res при клике в форме2

Answer 1

 var max_res = $('input[id^="max"]', $(this).parent()).val();
 //selects the id starting with max in this form
 var  Results = "Max Result " + max_res; 

Answer 2

var i = 1;
var max_res = $("input#max"+i).val();

/ edit: я бы добавил общий класс ко всем входным данным, например class = "max", а затем:

var max_res = $(this).parent().find("input.max").val();

Answer 3

var max_res = $(this).closest("form").find("input:hidden").val()