add loader to challenge submit

public/js/lib/coursewares/commonFrameWork_0.0.7.js

@@ -273,13 +273,27 @@ function showCompletion() {
     var didCompleteWith = $('#completed-with').val() || null;
     $('#complete-courseware-dialog').modal('show');
     $('#submit-challenge').click(function(e) {
+      e.preventDefault();
 
       $('#submit-challenge')
         .attr('disabled', 'true')
         .removeClass('btn-primary')
         .addClass('btn-warning disabled');
 
-      e.preventDefault();
+      var $checkmarkContainer = $('#checkmark-container');
+      $checkmarkContainer.css({ height: $checkmarkContainer.innerHeight() });
+
+      $('#challenge-checkmark')
+        .addClass('zoomOutUp')
+        // .removeClass('zoomInDown')
+        .delay(1000)
+        .queue(function(next) {
+          $(this).replaceWith(
+            '<div id="challenge-spinner" class="animated zoomInUp inner-circles-loader">submitting...</div>'
+          );
+          next();
+        });
+
       $.post(
         '/completed-bonfire/', {
           challengeInfo: {