Make clicking on the modal blackout overlay hide the modal

interface_common.js

@@ -32,10 +32,11 @@ function openModal( modalClass )
 function closeModal($this)
 {
     var $body = $( "body" );
-    var $modalWindow = $this.parents( ".modal-blackout" );
+    var $modalWindows = $( "body" ).children( ".modal-blackout" );
-    $modalWindow.fadeOut( "fast", function()
+
+    $modalWindows.fadeOut( "fast", function()
     {
-        $modalWindow.detach();
+        $modalWindows.detach();
     });
     $body.css({
         "overflow": "auto",
@@ -446,7 +447,7 @@ var retweetSubmit = function(e)
 
 
 function initInterfaceCommon() {
-    $( "body" ).on( "click", ".cancel" , function() { closeModal($(this)); } );
+    $( "body, .cancel, .modal-blackout" ).on( "click", function() { closeModal($(this)); } );
     $( ".post-reply" ).bind( "click", postReplyClick );
     $( ".post-propagate" ).bind( "click", reTwistPopup );
     $( ".userMenu-config-dropdown" ).bind( "click", dropDownMenu );