JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://rrtest.lumicom.co.uk/Content/themes/base/jquery.ui.theme.css">
<link rel="stylesheet" href="http://rrtest.lumicom.co.uk/Content/jquery.qtip.min.css">
<link rel="stylesheet" href="http://rrtest.lumicom.co.uk/Content/reset.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/jquery-ui.min.js"></script>
<script src="http://rrtest.lumicom.co.uk/Scripts/jquery.validate.min.js"></script>
<script src="http://rrtest.lumicom.co.uk/Scripts/jquery.validate.unobtrusive.min.js"></script>
<script src="http://rrtest.lumicom.co.uk/Scripts/jquery.ui.widget.min.js"></script>
<script src="http://rrtest.lumicom.co.uk/Scripts/jquery.qtip.min.js"></script>
<script src="http://rrtest.lumicom.co.uk/Scripts/jquery.unobtrusive-ajax.js"></script>
<script src="http://rrtest.lumicom.co.uk/Scripts/jquery.ui.tabs.min.js"></script>
<link rel="stylesheet" href="http://rrtest.lumicom.co.uk/Content/themes/base/jquery.ui.tabs.css">
<link rel="stylesheet" href="http://rrtest.lumicom.co.uk/Content/fileuploader.css">
<script src="http://rrtest.lumicom.co.uk/Scripts/fileuploader.js"></script>
<script src="http://rrtest.lumicom.co.uk/Scripts/LumicomHtmlItemFor.js"></script>
<link rel="stylesheet" href="http://rrtest.lumicom.co.uk/Content/tables.css">
<link rel="stylesheet" href="http://rrtest.lumicom.co.uk/Content/site.css">
<link rel="stylesheet" href="http://rrtest.lumicom.co.uk/Content/tabs.css">
<hgroup>             
        <h1 id="main-logo">
            <a href="http://testnew.lumicom.co.uk/" title="Lumicom" rel="home">
                <a href="/LumicomMembers/Home"><img alt="Lumicom Logo" src="/LumicomMembers/Content/images/lumicom-logo.png" /></a>
            </a>
        </h1>
        
        <div class="link-register-area">
            <div class="block">
                <div class="blockrow">
            <div id="our-partners">             
         ...

JavaScript

function SetSubmitButtonText() {

                            var modelStatus = "Member";
                            var valid = $('form').valid();
                            var button = $("#submitButton").first().find("button");
                            if (valid && modelStatus == "New") {
                                $(button).text("Next");
                            }
                            else {
                                $(button).text("Update Profile");
                            }

                            if ($('form').valid()) {
                                alert('the form is valid');
                            }
                            else if(!$('form').valid()) {
                                alert('the form is NOT valid');
                            }

                            $('form').validate().errorList;
                        }

                        $(document).ready(function () {

                           

                            $("#tabs").tabs({
                                select: function (event, ui) {
                                    $("#selectedTab").val(ui.index);
                                },

                                selected: parseInt(document.getElementById("selectedTab").value)
                            });

                            $('form').valid();
                            SetSubmitButtonText();

                            $("input").each(function () {
                                $(this).change(function () {
                                    SetSubmitButtonText();
                                });
                            });
                        });

                    
                        jQuery.validator.addMethod("companyhouseregnumberrequired", function (value, element, param) {
                            if ($('#CompanyType').val() == 'Company' && $('#CompanyInformation_CompaniesHouseRegistrationNumber').val() == '')
           ...