отправить форму из нескольких форм, используя jquery-ajax

у меня есть несколько форм с тем же именем класса

<form >
  <input type="hidden" value="<%=ids%>" name="idd">
  <input type="hidden" value="<%=email%>" name="cby">
  <input type="text" class="cmd" name="cm" style="width:300px;" placeholder="comment">
  <input type="submit" value="" style="display:none;">
</form>
  <!-- n number of forms are  generated using while loop-->
<form>
  <input type="hidden" value="<%=ids%>" name="idd">
  <input type="hidden" value="<%=email%>" name="cby">
  <input type="text" class="cmd" name="cm" style="width:300px;" placeholder="comment">
  <input type="submit" value="" style="display:none;">
</form>

Тогда как я могу отправить одну форму из этого числа форм, которые я пытался использовать

   $(function () {
          $('form').on('submit', function (e) {
                $.ajax({
                 type: 'post',
                  url: 'addfr.jsp',
                  data: $('form').serialize(),
                  success: function () {
                  location.reload();

                  }
          });
         e.preventDefault();
     });
  });

Но он всегда подает 1-ю форму среди n-форм. Как можно подать случайную форму среди n-форм. Может кто-нибудь помочь мне, пожалуйста.

Ответы на вопрос(3)

Ваш ответ на вопрос