表单 onsubmit preventDefault() 不起作用

Question

When on submitting the below form it always reloads with parameters in url.Don't know why this is happening:

$html .= 
      '<form method="post" id="mailchimp">
           <input type="text" name="fname" placeholder="First name" />
           <input type="text" name="lname" placeholder="Last name" />
           <input type="email" name="email" placeholder="Email *" required />
           <button type="submit" id="mailchimp_submit">Subscribe</button>
       </form>';

and jquery is below

jQuery(document).ready(function() {
    jQuery('#mailchimp').on('submit', function(e){
        console.log('submitting');
        e.preventDefault();
    });
});

It neither console logs nor prevent loading.It just keeps loading?Anything i am wrong with any coding?

Answer 1

I Think you haven't added the JQuery path. I test this code and it works fine