title: Promise does not resolve second time
body: <p>I try to something general. When form submit first time it works fine, but second time it does not resolve. I use jquery.form.min.js. I think, the problem is form already submitted, but i can't figure it out. I also tried ajax post. Result is same.</p>
  
  <pre><code>const makeRequest = formName =&gt;
  new Promise((resolve) =&gt; {
    $(formName).ajaxForm({
      headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
      },
      success: function(response) {
        //some code here
        resolve(response);
      }
    });
  });
  
  
  makeRequest('form')
      .then((res) =&gt; {
         //some code here
      });
  </code></pre>
  
  <p>HTML</p>
  
  <pre><code>&lt;form id="form" name="form" method="POST" action="{{ route('product-confirmation') }}" class="needs-validation"&gt;
  &lt;div class="modal-body"&gt;
  &lt;div class="form-group"&gt;
     &lt;label for="product_name"&gt;Title:&lt;/label&gt;
     &lt;input type="text" class="form-control" id="product_name" name="product_name" autocomplete="off" required&gt;
   &lt;/div&gt;
   &lt;div class="form-group"&gt;
      &lt;label for="product_description"&gt;Description:&lt;/label&gt;
      &lt;textarea class="form-control" rows="3" id="product_description" name="product_description"&gt;&lt;/textarea&gt;
   &lt;/div&gt;
   &lt;div class="modal-footer justify-content-end"&gt;
   &lt;button type="submit" class="btn btn-primary" form="form"&gt;Update&lt;/button&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p></p>