title: Using Bootstrap modal on JSP page
body: <p>I have a users table with <code>Info</code>, <code>Edit</code> and <code>Delete</code> buttons for each row.</p>
  
  <pre><code>&lt;tbody&gt;
      &lt;c:choose&gt;
          &lt;c:when test="${not empty customers}"&gt;
          &lt;c:forEach items="${customers}" var="customer"&gt;
              &lt;tr&gt;
                  &lt;td&gt;&lt;c:out value="${customer.id}" /&gt;&lt;/td&gt;
                  &lt;td&gt;&lt;c:out value="${customer.name}"/&gt;&lt;/td&gt;
                  &lt;td&gt;&lt;c:out value="${customer.phoneNumber}"/&gt;&lt;/td&gt;
                  &lt;td&gt;&lt;c:out value="${customer.email}"/&gt;&lt;/td&gt;
                  &lt;td style="text-align: center"&gt;
                      &lt;form:form action="/customerDetails"&gt;&lt;input type="hidden" name="email" value="${customer.email}"/&gt;
                          &lt;button class="btn btn-warning btn-xs"&gt;&lt;span class="glyphicon glyphicon-list-alt"&gt;&lt;/span&gt;&lt;/button&gt;
                      &lt;/form:form&gt;
                  &lt;/td&gt;
                  &lt;td style="text-align: center"&gt;
                      &lt;form:form action="/findCustomer"&gt;&lt;input type="hidden" name="email" value="${customer.email}"/&gt;
                          &lt;button class="btn btn-primary btn-xs"&gt;&lt;span class="glyphicon glyphicon-pencil"&gt;&lt;/span&gt;&lt;/button&gt;
                      &lt;/form:form&gt;
                  &lt;/td&gt;
                  &lt;td style="text-align: center"&gt;
                      &lt;form:form action="/deleteCustomer"&gt;&lt;input type="hidden" name="email" value="${customer.email}"/&gt;
                          &lt;button class="btn btn-danger btn-xs"&gt;&lt;span class="glyphicon glyphicon-trash"&gt;&lt;/span&gt;&lt;/button&gt;
                      &lt;/form:form&gt;
                  &lt;/td&gt;
              &lt;/tr&gt;
          &lt;/c:forEach&gt;
          &lt;/c:when&gt;
          &lt;c:otherwise&gt;
              &lt;h2&gt;There is no registered customers&lt;/h2&gt;
          &lt;/c:otherwise&gt;
      &lt;/c:choose&gt;
  &lt;/tbody&gt;
  </code></pre>
  
  <p>When I click on Delete button, that customer is deleted immediately without any conformation. I want to use Bootstrap modal for a confirmation with <strong>Yes</strong> and <strong>No</strong> options. You see that each <code>Delete</code> buttons surrounded with <code>&lt;form:form action="/deleteCustomer"...&gt;</code> tag. Is there any way to add Bootstrap confirmation modal while keeping this structure and not adding any Ajax call in my code?</p>