Form submit spinner

form-spinner.js

;(function ( $ ) {
    'use strict';

    $(document).ready(function() {
        $('form').bind('submit', function() {
            $(this).find('button[type="submit"] i').attr('class', 'glyphicon glyphicon-refresh animate');
        });
    });
})( jQuery );

html

<form>
    <button type="submit">
        Submit Form
        <i></i>
    </button>
</form>

style.css

.animate {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}