Hide Submit Button on Success Message

Please can some one point me in the right direction with this code.

When my form has been submitted a message is displayed however at the moment the Submit Button is still present.

I want to remove/hide the submit button once the form has been successfully submitted and the Success Message is being displayed.

I have looked around for answers on stack-overflow but so far everything I have tried has not worked.

Im sure I need to add something like this:

$('#sky-form button[type="submit"]').hide();

However I think maybe there is something already in the code that is stopping this from happening.

Here is my submit and message part of my form:

    <button type="submit" button class="border-button">NEXT</button>
    <div class="message">
    <i class="fa fa-check"></i>
    <p>Thanks for your order!<br>We'll contact you very soon.</p>
    </form>

And here is the ajax:

submitHandler: function(form)
{
$(form).ajaxSubmit(
{
beforeSend: function()
{
$('#sky-form button[type="submit"]').addClass('button-uploading').attr('disabled', true);},
uploadProgress: function(event, position, total, percentComplete)
{
$("#sky-form .progress").text(percentComplete + '%');
},
success: function()
{
$("#sky-form").addClass('submited');
$('#sky-form button[type="submit"]').removeClass('button-uploading').attr('disabled', false);
}
});
},

Thanks so much to anyone that can help with this.

FULL CODE:

<form action="demo-order-process.php" method="post" enctype="multipart/form-data" id="sky-form" class="sky-form">

            <fieldset>                  
                <div class="row">

                    <div class="col-md-4" align="left">
                        <label class="input">
                            <input type="text" name="home_address" placeholder="Home Address">
                            <b class="tooltip tooltip-bottom-left">Enter your home address</b>
                        </label>
                    </div>

                    <div class="col-md-4" align="left">
                        <label class="input">
                            <input type="text" name="biz_address" placeholder="Biz Address">
                            <b class="tooltip tooltip-bottom-left">Enter your biz address</b>
                        </label>
                    </div>

                </div><!-- END OF ROW DIV -->

            </fieldset>


 <!-- FORM ONE DATA   -->                      
 <input type="hidden" name="name"
 value="<?php echo $_POST['name']; ?>">

 <input type="hidden" name="email"
 value="<?php echo $_POST['email']; ?>">
 <!-- END OF FORM TWO DATA --> 


 <!-- FORM TWO DATA   -->                      
 <input type="hidden" name="mobile"
 value="<?php echo $_POST['mobile']; ?>">

 <input type="hidden" name="home"
 value="<?php echo $_POST['home']; ?>">
 <!-- END OF FORM TWO DATA --> 


            <div class="row">   
            <div class="col-md-4" align="left">
                <button type="submit" button class="border-button">NEXT</button>
            </div>  
            </div><!-- END OF ROW DIV -->

            <div class="message">
                <i class="fa fa-check"></i>
                <p>Thanks for your order!<br>We'll contact you very soon.</p>
            </div>
            </form>

  </div>
  <!-- START OF JS VALIDATION -->
  <script type="text/javascript">
        $(function()
        {

            $("#sky-form").validate(
            {                   

                rules:
                {
                    home_address:
                    {
                        required: true
                    },
                    biz_address:
                    {
                        required: true

                },


                messages:
                {
                    home_address:
                    {
                        required: 'Please enter your home address'
                    },
                    biz_address:
                    {
                        required: 'Please enter your business address'
                    },

                },

                // Ajax form submition
                submitHandler: function(form)
                {
                    $(form).ajaxSubmit(
                    {
                        beforeSend: function()
                        {
                            $('#sky-form button[type="submit"]').addClass('button-uploading').attr('disabled', true);
                        },
                    uploadProgress: function(event, position, total, percentComplete)
                    {
                        $("#sky-form .progress").text(percentComplete + '%');
                    },
                        success: function()
                        {
                            $("#sky-form").addClass('submited');
                            $('#sky-form button[type="submit"]').removeClass('button-uploading').attr('disabled', false);
                        }
                    });
                },  


                errorPlacement: function(error, element)
                {
                    error.insertAfter(element.parent());
                }
            });
        });         
    </script>

 <!-- END OF JS VALIDATION -->

JQuery Librarys: `

    <!-- fort forms -->
    <script src="../form/jquery.min.js"></script>
    <script src="../form/jquery-ui.min.js"></script>
    <script src="../form/jquery.form.min.js"></script>
    <script src="../form/jquery.validate.min.js"></script>  

    <!-- for page finctions -->
    <!-- PROBLEM FILE = <script type="text/javascript" src="../js/jquery-1.11.0.min.js"></script>-->


    <script type="text/javascript" src="../js/jquery-migrate-1.2.1.min.js"></script>
    <script type="text/javascript" src="../js/bootstrap.min.js"></script>
    <script type="text/javascript" src="../js/jquery.mb.YTPlayer.min.js"></script>
    <script type="text/javascript" src="../js/jquery.flexslider-min.js"></script>
    <script type="text/javascript" src="../js/perfect-scrollbar.js"></script>

    <script type="text/javascript" src="../js/plugins.js"></script>
    <script type="text/javascript" src="../js/main.js"></script>`