Weird issue with the JavaScript and the Input Field and Button

Hello,
I have successfully got the button and all that to work. I now have a weird issue. When I test it locally, it works. It says to enter a correct e-mail address or something like that. When I try to do that on my actual website, it does none of that, and it only displays a #signup thing after the slash. I have included a video that shows the problem better. I have also included the code.

         <section class="signup-section" id="signup">
            <div class="container">
                <div class="row">
                    <div class="col-md-10 col-lg-8 mx-auto text-center">
                        <i class="far fa-paper-plane fa-2x mb-2 text-white"></i>
                        <h2 class="text-white mb-5">Subscribe to receive updates!</h2>
                        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>```

```<form class="form-inline d-flex" method="post" name="subscribeform" id="subscribeform" enctype="multipart/form-data"> <table border=0> <tr> <td><div class="required"></div></td> <td class="attributeinput"><input class="form-control flex-fill mr-0 mr-sm-2 mb-3 mb-sm-0" type=text name="email" value="" id="email" size="40" placeholder="Enter email address..."></td> </tr> </table> <input type=hidden name="htmlemail" value="1"> <input type="hidden" name="list[11]" value="signup" /> <input type="hidden" name="subscribe" value="subscribe"/> <button class="btn btn-primary mx-auto" class='button' onclick="if (checkform()) {submitForm();} return false;" >Subscribe</button> <div id="result" style="color: red;"></div> </form>
<script type="text/javascript"> function checkform() { re = /^\w+([.-]?\w+)@\w+([.-]?\w+)(.\w{2,3})+$/; if (!(re.test(jQuery("#email").val()))) { jQuery("#result").empty().append("Please enter a valid email address"); jQuery("#email").focus(); return false; } return true; } function submitForm() { successMessage = 'Thank you for your registration. Please check your email to confirm.'; data = jQuery('#subscribeform').serialize(); jQuery.ajax( { type: 'POST', data: data, url: 'https://redprez16.com/lists/?p=subscribe&id=1', dataType: 'html', success: function (data, status, request) { jQuery("#result").empty().append(data != '' ? data : successMessage); jQuery('#email').val(''); }, error: function (request, status, error) { alert('Sorry, we were unable to process your subscription.'); } }); } </script>```


Thank you in advance! 
Red Prez

When I try to use your form at https://redprez16.com/ my browser rejects loading jquery due to the url using http instead of https. You need to change the URL for that, and check for any other uses of http.

In the code it’s HTTPS though

script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

I got it working! Thank you so much for your help!