Формы с одинаковым id на странице

<c:forEach items="${commentsList}" var="comment1st"> 
<c:if test="${comment1st.primaryCommentID == null}"> 
        <fmt:formatDate value="${comment1st.getUpdated()}" pattern="d-MM-yyyy, HH:mm:ss"/><br> 
        ${comment1st.text} 
 
        <!---------------Hiding button and field for answering-----------------------> 
    <a href="javascript:void(0);" onclick="viewdiv('mydiv');">Reply</a> 
    <div id="mydiv" style="display:none;"> 
        <form:form id="replycomment1" method="POST" modelAttribute="comment" action="/replycomment/${deal.id}/${comment1st.id}/${pageContext.request.userPrincipal.name}/${comment1st.author.username}/"> 
          <textarea name="text" rows="5" path="text" class="form" cols="50" placeholder='Add a comment...${text}' class="text"></textarea><br> 
          <button type="submit" id="replycomment1" style="float: left"> 
            <spring:message text="Submit"/> 
          </button><br> 
          <input type="hidden"  name="${_csrf.parameterName}"   value="${_csrf.token}"/> 
        </form:form> 
    </div> 
</c:if> 
</c:forEach>

function viewdiv(id){ 
            var el=document.getElementById(id); 
            if(el.style.display=="block"){ 
                el.style.display="none"; 
            } else { 
                el.style.display="block"; 
            } 
        }