title: Form won't preventdefault after first
body: <p>I tried to do a formular with different steps in my codeigniter with bootstrap4 project.</p>
  
  <p>so I created a form:</p>
  
  <pre><code>&lt;form id="myform" class="myform" action="#"&gt;
      ...
      &lt;button type="submit"&gt;submit&lt;/button&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>This is my js code:</p>
  
  <pre><code>$(document).ready(function(){
  $(".myform").on("submit", function (event) 
      {
          console.log('submit .myform');
          event.preventDefault();
          ajax_call($(this).serialize(),'myform');
      });
  });
  </code></pre>
  
  <p>The <code>"ajax_call"</code> is a function to send the data and handle the result - this function already works fine.</p>
  
  <p>My problem is a little bit simpler but i cant solve it.</p>
  
  <p>If I send the first form the log-message in the console <code>"submit .myform"</code> will display, the form wont submit and the <code>ajax_call-function</code> is running.</p>
  
  <p>As a result I get the same (new) formula with some error messages from the validation.</p>
  
  <p>So if I want to send this form again, the form will submitted and the <code>"$(".myform").on("submit", function (event) ..."</code> code wont work.</p>
  
  <p>maybe its a problem of delegation? But for that I use the <code>".on"</code> in the js code!?</p>
  
  <p>What I'm doing wrong?</p>