diff --git a/angularFiles.js b/angularFiles.js
index 59bed0b138cd..f193ce6cf966 100755
--- a/angularFiles.js
+++ b/angularFiles.js
@@ -88,6 +88,7 @@ var angularFiles = {
   'angularModules': {
     'ngAnimate': [
       'src/ngAnimate/shared.js',
+      'src/ngAnimate/body.js',
       'src/ngAnimate/rafScheduler.js',
       'src/ngAnimate/animateChildrenDirective.js',
       'src/ngAnimate/animateCss.js',
diff --git a/src/ngAnimate/animateCssDriver.js b/src/ngAnimate/animateCssDriver.js
index 47b4c70537a9..063124a7d89d 100644
--- a/src/ngAnimate/animateCssDriver.js
+++ b/src/ngAnimate/animateCssDriver.js
@@ -9,13 +9,13 @@ var $$AnimateCssDriverProvider = ['$$animationProvider', function($$animationPro
   var NG_OUT_ANCHOR_CLASS_NAME = 'ng-anchor-out';
   var NG_IN_ANCHOR_CLASS_NAME = 'ng-anchor-in';
 
-  this.$get = ['$animateCss', '$rootScope', '$$AnimateRunner', '$rootElement', '$document', '$sniffer',
-       function($animateCss,   $rootScope,   $$AnimateRunner,   $rootElement,   $document,   $sniffer) {
+  this.$get = ['$animateCss', '$rootScope', '$$AnimateRunner', '$rootElement', '$$body', '$sniffer',
+       function($animateCss,   $rootScope,   $$AnimateRunner,   $rootElement,   $$body,   $sniffer) {
 
     // only browsers that support these properties can render animations
     if (!$sniffer.animations && !$sniffer.transitions) return noop;
 
-    var bodyNode = getDomNode($document).body;
+    var bodyNode = getDomNode($$body);
     var rootNode = getDomNode($rootElement);
 
     var rootBodyElement = jqLite(bodyNode.parentNode === rootNode ? bodyNode : rootNode);
diff --git a/src/ngAnimate/animateQueue.js b/src/ngAnimate/animateQueue.js
index 374377de8b6e..4b65fcba8072 100644
--- a/src/ngAnimate/animateQueue.js
+++ b/src/ngAnimate/animateQueue.js
@@ -66,9 +66,9 @@ var $$AnimateQueueProvider = ['$animateProvider', function($animateProvider) {
     return (nO.addClass && nO.addClass === cO.removeClass) || (nO.removeClass && nO.removeClass === cO.addClass);
   });
 
-  this.$get = ['$$rAF', '$rootScope', '$rootElement', '$document', '$$HashMap',
+  this.$get = ['$$rAF', '$rootScope', '$rootElement', '$document', '$$body', '$$HashMap',
                '$$animation', '$$AnimateRunner', '$templateRequest', '$$jqLite',
-       function($$rAF,   $rootScope,   $rootElement,   $document,   $$HashMap,
+       function($$rAF,   $rootScope,   $rootElement,   $document,   $$body,   $$HashMap,
                 $$animation,   $$AnimateRunner,   $templateRequest,   $$jqLite) {
 
     var activeAnimationsLookup = new $$HashMap();
@@ -105,8 +105,6 @@ var $$AnimateQueueProvider = ['$animateProvider', function($animateProvider) {
       }
     );
 
-    var bodyElement = jqLite($document[0].body);
-
     var callbackRegistry = {};
 
     // remember that the classNameFilter is set during the provider/config
@@ -524,8 +522,8 @@ var $$AnimateQueueProvider = ['$animateProvider', function($animateProvider) {
     }
 
     function areAnimationsAllowed(element, parentElement, event) {
-      var bodyElementDetected = false;
-      var rootElementDetected = false;
+      var bodyElementDetected = isMatchingElement(element, $$body) || element[0].nodeName === 'HTML';
+      var rootElementDetected = isMatchingElement(element, $rootElement);
       var parentAnimationDetected = false;
       var animateChildren;
 
@@ -580,7 +578,7 @@ var $$AnimateQueueProvider = ['$animateProvider', function($animateProvider) {
         if (!bodyElementDetected) {
           // we also need to ensure that the element is or will be apart of the body element
           // otherwise it is pointless to even issue an animation to be rendered
-          bodyElementDetected = isMatchingElement(parentElement, bodyElement);
+          bodyElementDetected = isMatchingElement(parentElement, $$body);
         }
 
         parentElement = parentElement.parent();
diff --git a/src/ngAnimate/body.js b/src/ngAnimate/body.js
new file mode 100644
index 000000000000..8c8ce21ac9e8
--- /dev/null
+++ b/src/ngAnimate/body.js
@@ -0,0 +1,7 @@
+'use strict';
+
+function $$BodyProvider() {
+  this.$get = ['$document', function($document) {
+    return jqLite($document[0].body);
+  }];
+}
diff --git a/src/ngAnimate/module.js b/src/ngAnimate/module.js
index bf6aa07644d1..71f20da8e406 100644
--- a/src/ngAnimate/module.js
+++ b/src/ngAnimate/module.js
@@ -2,6 +2,7 @@
 
 /* global angularAnimateModule: true,
 
+   $$BodyProvider,
    $$rAFMutexFactory,
    $$rAFSchedulerFactory,
    $$AnimateChildrenDirective,
@@ -741,6 +742,8 @@
  * Click here {@link ng.$animate $animate to learn more about animations with `$animate`}.
  */
 angular.module('ngAnimate', [])
+  .provider('$$body', $$BodyProvider)
+
   .directive('ngAnimateChildren', $$AnimateChildrenDirective)
 
   .factory('$$rAFMutex', $$rAFMutexFactory)
diff --git a/test/ng/directive/ngClassSpec.js b/test/ng/directive/ngClassSpec.js
index e230c1a6042d..28a49a6bb364 100644
--- a/test/ng/directive/ngClassSpec.js
+++ b/test/ng/directive/ngClassSpec.js
@@ -468,12 +468,12 @@ describe('ngClass animations', function() {
         };
       });
     });
-    inject(function($compile, $rootScope, $browser, $rootElement, $animate, $timeout, $document, $$rAF) {
+    inject(function($compile, $rootScope, $browser, $rootElement, $animate, $timeout, $$body, $$rAF) {
       $animate.enabled(true);
 
       $rootScope.val = 'crazy';
       element = angular.element('<div ng-class="val"></div>');
-      jqLite($document[0].body).append($rootElement);
+      $$body.append($rootElement);
 
       $compile(element)($rootScope);
 
diff --git a/test/ngAnimate/animateCssDriverSpec.js b/test/ngAnimate/animateCssDriverSpec.js
index cea3d7c60203..ec6fcbb7f1fd 100644
--- a/test/ngAnimate/animateCssDriverSpec.js
+++ b/test/ngAnimate/animateCssDriverSpec.js
@@ -118,7 +118,7 @@ describe("ngAnimate $$animateCssDriver", function() {
       var from, to, fromAnimation, toAnimation;
 
       beforeEach(module(function() {
-        return function($rootElement, $document) {
+        return function($rootElement, $$body) {
           from = element;
           to = jqLite('<div></div>');
           fromAnimation = { element: from, event: 'enter' };
@@ -127,7 +127,7 @@ describe("ngAnimate $$animateCssDriver", function() {
           $rootElement.append(to);
 
           // we need to do this so that style detection works
-          jqLite($document[0].body).append($rootElement);
+          $$body.append($rootElement);
         };
       }));
 
diff --git a/test/ngAnimate/animateCssSpec.js b/test/ngAnimate/animateCssSpec.js
index 60c80712efec..262351a3ff34 100644
--- a/test/ngAnimate/animateCssSpec.js
+++ b/test/ngAnimate/animateCssSpec.js
@@ -33,12 +33,12 @@ describe("ngAnimate $animateCss", function() {
   });
 
   it("should return false if neither transitions or keyframes are supported by the browser",
-    inject(function($animateCss, $sniffer, $rootElement, $document) {
+    inject(function($animateCss, $sniffer, $rootElement, $$body) {
 
     var animator;
     var element = jqLite('<div></div>');
     $rootElement.append(element);
-    jqLite($document[0].body).append($rootElement);
+    $$body.append($rootElement);
 
     $sniffer.transitions = $sniffer.animations = false;
     animator = $animateCss(element, {
@@ -90,9 +90,9 @@ describe("ngAnimate $animateCss", function() {
 
     describe("rAF usage", function() {
       it("should buffer all requests into a single requestAnimationFrame call",
-        inject(function($animateCss, $$rAF, $rootScope, $document, $rootElement) {
+        inject(function($animateCss, $$rAF, $rootScope, $$body, $rootElement) {
 
-        jqLite($document[0].body).append($rootElement);
+        $$body.append($rootElement);
 
         var count = 0;
         var runners = [];
@@ -130,8 +130,8 @@ describe("ngAnimate $animateCss", function() {
             };
           });
         });
-        inject(function($animateCss, $$rAF, $document, $rootElement) {
-          jqLite($document[0].body).append($rootElement);
+        inject(function($animateCss, $$rAF, $$body, $rootElement) {
+          $$body.append($rootElement);
 
           function makeRequest() {
             var element = jqLite('<div></div>');
@@ -150,10 +150,10 @@ describe("ngAnimate $animateCss", function() {
     describe("animator and runner", function() {
       var animationDuration = 5;
       var element, animator;
-      beforeEach(inject(function($animateCss, $rootElement, $document) {
+      beforeEach(inject(function($animateCss, $rootElement, $$body) {
         element = jqLite('<div></div>');
         $rootElement.append(element);
-        jqLite($document[0].body).append($rootElement);
+        $$body.append($rootElement);
 
         animator = $animateCss(element, {
           event: 'enter',
@@ -346,10 +346,10 @@ describe("ngAnimate $animateCss", function() {
             { timeStamp: Date.now() + ((delay || 1) * 1000), elapsedTime: duration });
         }
 
-        beforeEach(inject(function($rootElement, $document) {
+        beforeEach(inject(function($rootElement, $$body) {
           element = jqLite('<div></div>');
           $rootElement.append(element);
-          jqLite($document[0].body).append($rootElement);
+          $$body.append($rootElement);
           options = { event: 'enter', structural: true };
         }));
 
@@ -618,9 +618,9 @@ describe("ngAnimate $animateCss", function() {
 
       describe("staggering", function() {
         it("should apply a stagger based when an active ng-EVENT-stagger class with a transition-delay is detected",
-          inject(function($animateCss, $document, $rootElement, $timeout) {
+          inject(function($animateCss, $$body, $rootElement, $timeout) {
 
-          jqLite($document[0].body).append($rootElement);
+          $$body.append($rootElement);
 
           ss.addRule('.ng-enter-stagger', 'transition-delay:0.2s');
           ss.addRule('.ng-enter', 'transition:2s linear all');
@@ -659,9 +659,9 @@ describe("ngAnimate $animateCss", function() {
         }));
 
         it("should apply a stagger based when for all provided addClass/removeClass CSS classes",
-          inject(function($animateCss, $document, $rootElement, $timeout) {
+          inject(function($animateCss, $$body, $rootElement, $timeout) {
 
-          jqLite($document[0].body).append($rootElement);
+          $$body.append($rootElement);
 
           ss.addRule('.red-add-stagger,' +
                      '.blue-remove-stagger,' +
@@ -729,9 +729,9 @@ describe("ngAnimate $animateCss", function() {
         }));
 
         it("should block the transition animation between start and animate when staggered",
-          inject(function($animateCss, $document, $rootElement) {
+          inject(function($animateCss, $$body, $rootElement) {
 
-          jqLite($document[0].body).append($rootElement);
+          $$body.append($rootElement);
 
           ss.addRule('.ng-enter-stagger', 'transition-delay:0.2s');
           ss.addRule('.ng-enter', 'transition:2s linear all;');
@@ -760,9 +760,9 @@ describe("ngAnimate $animateCss", function() {
         }));
 
         it("should block (pause) the keyframe animation between start and animate when staggered",
-          inject(function($animateCss, $document, $rootElement) {
+          inject(function($animateCss, $$body, $rootElement) {
 
-          jqLite($document[0].body).append($rootElement);
+          $$body.append($rootElement);
 
           ss.addRule('.ng-enter-stagger', prefix + 'animation-delay:0.2s');
           ss.addRule('.ng-enter', prefix + 'animation:my_animation 2s;');
@@ -789,9 +789,9 @@ describe("ngAnimate $animateCss", function() {
         }));
 
         it("should not apply a stagger if the transition delay value is inherited from a earlier CSS class",
-          inject(function($animateCss, $document, $rootElement) {
+          inject(function($animateCss, $$body, $rootElement) {
 
-          jqLite($document[0].body).append($rootElement);
+          $$body.append($rootElement);
 
           ss.addRule('.transition-animation', 'transition:2s 5s linear all;');
 
@@ -808,9 +808,9 @@ describe("ngAnimate $animateCss", function() {
         }));
 
         it("should apply a stagger only if the transition duration value is zero when inherited from a earlier CSS class",
-          inject(function($animateCss, $document, $rootElement) {
+          inject(function($animateCss, $$body, $rootElement) {
 
-          jqLite($document[0].body).append($rootElement);
+          $$body.append($rootElement);
 
           ss.addRule('.transition-animation', 'transition:2s 5s linear all;');
           ss.addRule('.transition-animation.ng-enter-stagger',
@@ -834,9 +834,9 @@ describe("ngAnimate $animateCss", function() {
 
 
         it("should ignore animation staggers if only transition animations were detected",
-          inject(function($animateCss, $document, $rootElement) {
+          inject(function($animateCss, $$body, $rootElement) {
 
-          jqLite($document[0].body).append($rootElement);
+          $$body.append($rootElement);
 
           ss.addRule('.ng-enter-stagger', prefix + 'animation-delay:0.2s');
           ss.addRule('.transition-animation', 'transition:2s 5s linear all;');
@@ -854,9 +854,9 @@ describe("ngAnimate $animateCss", function() {
         }));
 
         it("should ignore transition staggers if only keyframe animations were detected",
-          inject(function($animateCss, $document, $rootElement) {
+          inject(function($animateCss, $$body, $rootElement) {
 
-          jqLite($document[0].body).append($rootElement);
+          $$body.append($rootElement);
 
           ss.addRule('.ng-enter-stagger', 'transition-delay:0.2s');
           ss.addRule('.transition-animation', prefix + 'animation:2s 5s my_animation;');
@@ -874,9 +874,9 @@ describe("ngAnimate $animateCss", function() {
         }));
 
         it("should start on the highest stagger value if both transition and keyframe staggers are used together",
-          inject(function($animateCss, $document, $rootElement, $timeout, $browser) {
+          inject(function($animateCss, $$body, $rootElement, $timeout, $browser) {
 
-          jqLite($document[0].body).append($rootElement);
+          $$body.append($rootElement);
 
           ss.addRule('.ng-enter-stagger', 'transition-delay:0.5s;' +
                                  prefix + 'animation-delay:1s');
@@ -912,9 +912,9 @@ describe("ngAnimate $animateCss", function() {
         }));
 
         it("should apply the closing timeout ontop of the stagger timeout",
-          inject(function($animateCss, $document, $rootElement, $timeout, $browser) {
+          inject(function($animateCss, $$body, $rootElement, $timeout, $browser) {
 
-          jqLite($document[0].body).append($rootElement);
+          $$body.append($rootElement);
 
           ss.addRule('.ng-enter-stagger', 'transition-delay:1s;');
           ss.addRule('.ng-enter', 'transition:10s linear all;');
@@ -939,9 +939,9 @@ describe("ngAnimate $animateCss", function() {
         }));
 
         it("should apply the closing timeout ontop of the stagger timeout with an added delay",
-          inject(function($animateCss, $document, $rootElement, $timeout, $browser) {
+          inject(function($animateCss, $$body, $rootElement, $timeout, $browser) {
 
-          jqLite($document[0].body).append($rootElement);
+          $$body.append($rootElement);
 
           ss.addRule('.ng-enter-stagger', 'transition-delay:1s;');
           ss.addRule('.ng-enter', 'transition:10s linear all; transition-delay:50s;');
@@ -966,9 +966,9 @@ describe("ngAnimate $animateCss", function() {
         }));
 
         it("should issue a stagger if a stagger value is provided in the options",
-          inject(function($animateCss, $document, $rootElement, $timeout) {
+          inject(function($animateCss, $$body, $rootElement, $timeout) {
 
-          jqLite($document[0].body).append($rootElement);
+          $$body.append($rootElement);
           ss.addRule('.ng-enter', 'transition:2s linear all');
 
           var elm, i, elements = [];
@@ -1005,9 +1005,9 @@ describe("ngAnimate $animateCss", function() {
         }));
 
         it("should only add/remove classes once the stagger timeout has passed",
-          inject(function($animateCss, $document, $rootElement, $timeout) {
+          inject(function($animateCss, $$body, $rootElement, $timeout) {
 
-          jqLite($document[0].body).append($rootElement);
+          $$body.append($rootElement);
 
           var element = jqLite('<div class="green"></div>');
           $rootElement.append(element);
@@ -1032,13 +1032,13 @@ describe("ngAnimate $animateCss", function() {
 
       describe("closing timeout", function() {
         it("should close off the animation after 150% of the animation time has passed",
-          inject(function($animateCss, $document, $rootElement, $timeout) {
+          inject(function($animateCss, $$body, $rootElement, $timeout) {
 
           ss.addRule('.ng-enter', 'transition:10s linear all;');
 
           var element = jqLite('<div></div>');
           $rootElement.append(element);
-          jqLite($document[0].body).append($rootElement);
+          $$body.append($rootElement);
 
           var animator = $animateCss(element, { event: 'enter', structural: true });
           animator.start();
@@ -1055,13 +1055,13 @@ describe("ngAnimate $animateCss", function() {
         }));
 
         it("should close off the animation after 150% of the animation time has passed and consider the detected delay value",
-          inject(function($animateCss, $document, $rootElement, $timeout) {
+          inject(function($animateCss, $$body, $rootElement, $timeout) {
 
           ss.addRule('.ng-enter', 'transition:10s linear all; transition-delay:30s;');
 
           var element = jqLite('<div></div>');
           $rootElement.append(element);
-          jqLite($document[0].body).append($rootElement);
+          $$body.append($rootElement);
 
           var animator = $animateCss(element, { event: 'enter', structural: true });
           animator.start();
@@ -1078,13 +1078,13 @@ describe("ngAnimate $animateCss", function() {
         }));
 
         it("should still resolve the animation once expired",
-          inject(function($animateCss, $document, $rootElement, $timeout) {
+          inject(function($animateCss, $$body, $rootElement, $timeout) {
 
           ss.addRule('.ng-enter', 'transition:10s linear all;');
 
           var element = jqLite('<div></div>');
           $rootElement.append(element);
-          jqLite($document[0].body).append($rootElement);
+          $$body.append($rootElement);
 
           var animator = $animateCss(element, { event: 'enter', structural: true });
 
@@ -1101,13 +1101,13 @@ describe("ngAnimate $animateCss", function() {
         }));
 
         it("should not resolve/reject after passing if the animation completed successfully",
-          inject(function($animateCss, $document, $rootElement, $timeout, $rootScope) {
+          inject(function($animateCss, $$body, $rootElement, $timeout, $rootScope) {
 
           ss.addRule('.ng-enter', 'transition:10s linear all;');
 
           var element = jqLite('<div></div>');
           $rootElement.append(element);
-          jqLite($document[0].body).append($rootElement);
+          $$body.append($rootElement);
 
           var animator = $animateCss(element, { event: 'enter', structural: true });
 
@@ -1156,8 +1156,8 @@ describe("ngAnimate $animateCss", function() {
             }
           }));
 
-          return function($document, $rootElement) {
-            jqLite($document[0].body).append($rootElement);
+          return function($$body, $rootElement) {
+            $$body.append($rootElement);
           };
         }));
 
@@ -1241,7 +1241,7 @@ describe("ngAnimate $animateCss", function() {
     });
 
     it('should avoid applying the same cache to an element a follow-up animation is run on the same element',
-      inject(function($animateCss, $rootElement, $document) {
+      inject(function($animateCss, $rootElement, $$body) {
 
       function endTransition(element, elapsedTime) {
         browserTrigger(element, 'transitionend',
@@ -1258,7 +1258,7 @@ describe("ngAnimate $animateCss", function() {
 
       var element = jqLite('<div></div>');
       $rootElement.append(element);
-      jqLite($document[0].body).append($rootElement);
+      $$body.append($rootElement);
 
       startAnimation(element, 0.5, 'red');
       expect(element.attr('style')).toContain('transition');
@@ -1278,11 +1278,11 @@ describe("ngAnimate $animateCss", function() {
     }));
 
     it('should apply a custom temporary class when a non-structural animation is used',
-      inject(function($animateCss, $rootElement, $document) {
+      inject(function($animateCss, $rootElement, $$body) {
 
       var element = jqLite('<div></div>');
       $rootElement.append(element);
-      jqLite($document[0].body).append($rootElement);
+      $$body.append($rootElement);
 
       $animateCss(element, {
         event: 'super',
@@ -1298,10 +1298,10 @@ describe("ngAnimate $animateCss", function() {
     describe("structural animations", function() {
       they('should decorate the element with the ng-$prop CSS class',
         ['enter', 'leave', 'move'], function(event) {
-        inject(function($animateCss, $rootElement, $document) {
+        inject(function($animateCss, $rootElement, $$body) {
           var element = jqLite('<div></div>');
           $rootElement.append(element);
-          jqLite($document[0].body).append($rootElement);
+          $$body.append($rootElement);
 
           $animateCss(element, {
             event: event,
@@ -1315,10 +1315,10 @@ describe("ngAnimate $animateCss", function() {
 
       they('should decorate the element with the ng-$prop-active CSS class',
         ['enter', 'leave', 'move'], function(event) {
-        inject(function($animateCss, $rootElement, $document) {
+        inject(function($animateCss, $rootElement, $$body) {
           var element = jqLite('<div></div>');
           $rootElement.append(element);
-          jqLite($document[0].body).append($rootElement);
+          $$body.append($rootElement);
 
           var animator = $animateCss(element, {
             event: event,
@@ -1336,10 +1336,10 @@ describe("ngAnimate $animateCss", function() {
 
       they('should remove the ng-$prop and ng-$prop-active CSS classes from the element once the animation is done',
         ['enter', 'leave', 'move'], function(event) {
-        inject(function($animateCss, $rootElement, $document) {
+        inject(function($animateCss, $rootElement, $$body) {
           var element = jqLite('<div></div>');
           $rootElement.append(element);
-          jqLite($document[0].body).append($rootElement);
+          $$body.append($rootElement);
 
           var animator = $animateCss(element, {
             event: event,
@@ -1393,10 +1393,10 @@ describe("ngAnimate $animateCss", function() {
       they('should place a CSS transition block after the preparation function to block accidental style changes',
         ['enter', 'leave', 'move', 'addClass', 'removeClass'], function(event) {
 
-        inject(function($animateCss, $rootElement, $document) {
+        inject(function($animateCss, $rootElement, $$body) {
           var element = jqLite('<div></div>');
           $rootElement.append(element);
-          jqLite($document[0].body).append($rootElement);
+          $$body.append($rootElement);
 
           ss.addRule('.cool-animation', 'transition:1.5s linear all;');
           element.addClass('cool-animation');
@@ -1423,10 +1423,10 @@ describe("ngAnimate $animateCss", function() {
       they('should not place a CSS transition block if options.skipBlocking is provided',
         ['enter', 'leave', 'move', 'addClass', 'removeClass'], function(event) {
 
-        inject(function($animateCss, $rootElement, $document) {
+        inject(function($animateCss, $rootElement, $$body) {
           var element = jqLite('<div></div>');
           $rootElement.append(element);
-          jqLite($document[0].body).append($rootElement);
+          $$body.append($rootElement);
 
           ss.addRule('.cool-animation', 'transition:1.5s linear all;');
           element.addClass('cool-animation');
@@ -1455,10 +1455,10 @@ describe("ngAnimate $animateCss", function() {
       they('should place a CSS transition block after the preparation function even if a duration is provided',
         ['enter', 'leave', 'move', 'addClass', 'removeClass'], function(event) {
 
-        inject(function($animateCss, $rootElement, $document) {
+        inject(function($animateCss, $rootElement, $$body) {
           var element = jqLite('<div></div>');
           $rootElement.append(element);
-          jqLite($document[0].body).append($rootElement);
+          $$body.append($rootElement);
 
           ss.addRule('.cool-animation', 'transition:1.5s linear all;');
           element.addClass('cool-animation');
@@ -1489,11 +1489,11 @@ describe("ngAnimate $animateCss", function() {
       });
 
       it('should allow multiple events to be animated at the same time',
-        inject(function($animateCss, $rootElement, $document) {
+        inject(function($animateCss, $rootElement, $$body) {
 
         var element = jqLite('<div></div>');
         $rootElement.append(element);
-        jqLite($document[0].body).append($rootElement);
+        $$body.append($rootElement);
 
         $animateCss(element, {
           event: ['enter', 'leave', 'move'],
@@ -1561,10 +1561,10 @@ describe("ngAnimate $animateCss", function() {
 
       they('should remove the class-$prop-add and class-$prop-active CSS classes from the element once the animation is done',
         ['enter', 'leave', 'move'], function(event) {
-        inject(function($animateCss, $rootElement, $document) {
+        inject(function($animateCss, $rootElement, $$body) {
           var element = jqLite('<div></div>');
           $rootElement.append(element);
-          jqLite($document[0].body).append($rootElement);
+          $$body.append($rootElement);
 
           var options = {};
           options.event = event;
@@ -1586,7 +1586,7 @@ describe("ngAnimate $animateCss", function() {
 
       they('should allow the class duration styles to be recalculated once started if the CSS classes being applied result new transition styles',
         ['add', 'remove'], function(event) {
-        inject(function($animateCss, $rootElement, $document) {
+        inject(function($animateCss, $rootElement, $$body) {
 
           var element = jqLite('<div></div>');
 
@@ -1601,7 +1601,7 @@ describe("ngAnimate $animateCss", function() {
           }
 
           $rootElement.append(element);
-          jqLite($document[0].body).append($rootElement);
+          $$body.append($rootElement);
 
           var options = {};
           options[event + 'Class'] = 'natural-class';
@@ -1622,13 +1622,13 @@ describe("ngAnimate $animateCss", function() {
 
       they('should force the class-based values to be applied early if no options.applyClassEarly is used as an option',
         ['enter', 'leave', 'move'], function(event) {
-        inject(function($animateCss, $rootElement, $document) {
+        inject(function($animateCss, $rootElement, $$body) {
 
           ss.addRule('.blue.ng-' + event, 'transition:2s linear all;');
 
           var element = jqLite('<div class="red"></div>');
           $rootElement.append(element);
-          jqLite($document[0].body).append($rootElement);
+          $$body.append($rootElement);
 
           var runner = $animateCss(element, {
             addClass: 'blue',
@@ -1662,8 +1662,8 @@ describe("ngAnimate $animateCss", function() {
 
     describe("options", function() {
       var element;
-      beforeEach(inject(function($rootElement, $document) {
-        jqLite($document[0].body).append($rootElement);
+      beforeEach(inject(function($rootElement, $$body) {
+        $$body.append($rootElement);
 
         element = jqLite('<div></div>');
         $rootElement.append(element);
@@ -2540,10 +2540,10 @@ describe("ngAnimate $animateCss", function() {
       describe("[easing]", function() {
 
         var element;
-        beforeEach(inject(function($document, $rootElement) {
+        beforeEach(inject(function($$body, $rootElement) {
           element = jqLite('<div></div>');
           $rootElement.append(element);
-          jqLite($document[0].body).append($rootElement);
+          $$body.append($rootElement);
         }));
 
         it("should apply easing to a transition animation if it exists", inject(function($animateCss) {
@@ -2611,13 +2611,13 @@ describe("ngAnimate $animateCss", function() {
 
     describe('SVG', function() {
       it('should properly apply transitions on an SVG element',
-        inject(function($animateCss, $rootScope, $compile, $document, $rootElement) {
+        inject(function($animateCss, $rootScope, $compile, $$body, $rootElement) {
 
         var element = $compile('<svg width="500" height="500">' +
                                  '<circle cx="15" cy="5" r="100" fill="orange" />' +
                                '</svg>')($rootScope);
 
-        jqLite($document[0].body).append($rootElement);
+        $$body.append($rootElement);
         $rootElement.append(element);
 
         $animateCss(element, {
diff --git a/test/ngAnimate/animateSpec.js b/test/ngAnimate/animateSpec.js
index 61810a891819..c0cf0d598bda 100644
--- a/test/ngAnimate/animateSpec.js
+++ b/test/ngAnimate/animateSpec.js
@@ -25,12 +25,12 @@ describe("animations", function() {
       });
     });
 
-    inject(function($animate, $rootScope, $document) {
+    inject(function($animate, $rootScope, $$body) {
       $animate.enabled(true);
 
       element = jqLite('<div></div>');
 
-      $animate.enter(element, jqLite($document[0].body));
+      $animate.enter(element, $$body);
       $rootScope.$digest();
 
       expect(capturedAnimation).toBeTruthy();
@@ -115,7 +115,7 @@ describe("animations", function() {
         return overriddenAnimationRunner || defaultFakeAnimationRunner;
       });
 
-      return function($document, $rootElement, $q, $animate, $$AnimateRunner) {
+      return function($rootElement, $q, $animate, $$AnimateRunner, $$body) {
         defaultFakeAnimationRunner = new $$AnimateRunner();
         $animate.enabled(true);
 
@@ -125,7 +125,7 @@ describe("animations", function() {
 
         $rootElement.append(parent);
         $rootElement.append(parent2);
-        jqLite($document[0].body).append($rootElement);
+        $$body.append($rootElement);
       };
     }));
 
@@ -745,7 +745,7 @@ describe("animations", function() {
       }));
 
       it("should disable all child animations for atleast one RAF when a structural animation is issued",
-        inject(function($animate, $rootScope, $compile, $document, $rootElement, $$rAF, $$AnimateRunner) {
+        inject(function($animate, $rootScope, $compile, $$body, $rootElement, $$rAF, $$AnimateRunner) {
 
         element = $compile(
           '<div><div class="if-animation" ng-if="items.length">' +
@@ -755,7 +755,7 @@ describe("animations", function() {
           '</div></div>'
         )($rootScope);
 
-        jqLite($document[0].body).append($rootElement);
+        $$body.append($rootElement);
         $rootElement.append(element);
 
         var runner = new $$AnimateRunner();
@@ -1209,6 +1209,34 @@ describe("animations", function() {
     });
   });
 
+  they('should allow an animation to run on the $prop element', ['$rootElement', 'body'], function(name) {
+    var capturedAnimation;
+
+    module(function($provide) {
+      $provide.factory('$rootElement', function($document) {
+        return jqLite($document[0].querySelector('html'));
+      });
+      $provide.factory('$$animation', function($$AnimateRunner) {
+        return function(element, method, options) {
+          capturedAnimation = arguments;
+          return new $$AnimateRunner();
+        };
+      });
+    });
+    inject(function($animate, $rootScope, $document, $rootElement) {
+      $animate.enabled(true);
+
+      var body = jqLite($document[0].body);
+      var targetElement = name === 'body' ? body : $rootElement;
+
+      $animate.addClass(targetElement, 'red');
+      $rootScope.$digest();
+
+      expect(capturedAnimation[0]).toBe(targetElement);
+      expect(capturedAnimation[1]).toBe('addClass');
+    });
+  });
+
   describe('[ng-animate-children]', function() {
     var parent, element, child, capturedAnimation, captureLog;
     beforeEach(module(function($provide) {
@@ -1221,8 +1249,8 @@ describe("animations", function() {
           return new $$AnimateRunner();
         };
       });
-      return function($rootElement, $document, $animate) {
-        jqLite($document[0].body).append($rootElement);
+      return function($rootElement, $$body, $animate) {
+        $$body.append($rootElement);
         parent  = jqLite('<div class="parent"></div>');
         element = jqLite('<div class="element"></div>');
         child   = jqLite('<div class="child"></div>');
@@ -1326,15 +1354,14 @@ describe("animations", function() {
     }));
 
     it('should allow an element to pinned elsewhere and still be available in animations',
-      inject(function($animate, $compile, $document, $rootElement, $rootScope) {
+      inject(function($animate, $compile, $$body, $rootElement, $rootScope) {
 
-      var body = jqLite($document[0].body);
       var innerParent = jqLite('<div></div>');
-      body.append(innerParent);
+      $$body.append(innerParent);
       innerParent.append($rootElement);
 
       var element = jqLite('<div></div>');
-      body.append(element);
+      $$body.append(element);
 
       $animate.addClass(element, 'red');
       $rootScope.$digest();
@@ -1350,17 +1377,16 @@ describe("animations", function() {
     }));
 
     it('should adhere to the disabled state of the hosted parent when an element is pinned',
-      inject(function($animate, $compile, $document, $rootElement, $rootScope) {
+      inject(function($animate, $compile, $$body, $rootElement, $rootScope) {
 
-      var body = jqLite($document[0].body);
       var innerParent = jqLite('<div></div>');
-      body.append(innerParent);
+      $$body.append(innerParent);
       innerParent.append($rootElement);
       var innerChild = jqLite('<div></div>');
       $rootElement.append(innerChild);
 
       var element = jqLite('<div></div>');
-      body.append(element);
+      $$body.append(element);
 
       $animate.pin(element, innerChild);
 
@@ -1395,18 +1421,17 @@ describe("animations", function() {
         };
       });
 
-      return function($document, $rootElement, $animate) {
-        body = jqLite($document[0].body);
-        body.append($rootElement);
+      return function($$body, $rootElement, $animate) {
+        $$body.append($rootElement);
         $animate.enabled(true);
       };
     }));
 
     it('should trigger a callback for an enter animation',
-      inject(function($animate, $rootScope, $$rAF, $rootElement) {
+      inject(function($animate, $rootScope, $$rAF, $rootElement, $$body) {
 
       var callbackTriggered = false;
-      $animate.on('enter', body, function() {
+      $animate.on('enter', $$body, function() {
         callbackTriggered = true;
       });
 
@@ -1420,12 +1445,12 @@ describe("animations", function() {
     }));
 
     it('should fire the callback with the signature of (element, phase, data)',
-      inject(function($animate, $rootScope, $$rAF, $rootElement) {
+      inject(function($animate, $rootScope, $$rAF, $rootElement, $$body) {
 
       var capturedElement;
       var capturedPhase;
       var capturedData;
-      $animate.on('enter', body,
+      $animate.on('enter', $$body,
         function(element, phase, data) {
 
         capturedElement = element;
@@ -1484,13 +1509,13 @@ describe("animations", function() {
     }));
 
     it('should remove all the event-based event listeners when $animate.off(event) is called',
-      inject(function($animate, $rootScope, $$rAF, $rootElement) {
+      inject(function($animate, $rootScope, $$rAF, $rootElement, $$body) {
 
       element = jqLite('<div></div>');
 
       var count = 0;
       $animate.on('enter', element, counter);
-      $animate.on('enter', body, counter);
+      $animate.on('enter', $$body, counter);
 
       function counter(element, phase) {
         count++;
@@ -1512,13 +1537,13 @@ describe("animations", function() {
     }));
 
     it('should remove the container-based event listeners when $animate.off(event, container) is called',
-      inject(function($animate, $rootScope, $$rAF, $rootElement) {
+      inject(function($animate, $rootScope, $$rAF, $rootElement, $$body) {
 
       element = jqLite('<div></div>');
 
       var count = 0;
       $animate.on('enter', element, counter);
-      $animate.on('enter', body, counter);
+      $animate.on('enter', $$body, counter);
 
       function counter(element, phase) {
         if (phase === 'start') {
@@ -1532,7 +1557,7 @@ describe("animations", function() {
 
       expect(count).toBe(2);
 
-      $animate.off('enter', body);
+      $animate.off('enter', $$body);
 
       $animate.enter(element, $rootElement);
       $rootScope.$digest();
@@ -1578,13 +1603,13 @@ describe("animations", function() {
     }));
 
     it('should fire a `start` callback when the animation starts with the matching element',
-      inject(function($animate, $rootScope, $$rAF, $rootElement) {
+      inject(function($animate, $rootScope, $$rAF, $rootElement, $$body) {
 
       element = jqLite('<div></div>');
 
       var capturedState;
       var capturedElement;
-      $animate.on('enter', body, function(element, phase) {
+      $animate.on('enter', $$body, function(element, phase) {
         capturedState = phase;
         capturedElement = element;
       });
@@ -1598,13 +1623,13 @@ describe("animations", function() {
     }));
 
     it('should fire a `close` callback when the animation ends with the matching element',
-      inject(function($animate, $rootScope, $$rAF, $rootElement) {
+      inject(function($animate, $rootScope, $$rAF, $rootElement, $$body) {
 
       element = jqLite('<div></div>');
 
       var capturedState;
       var capturedElement;
-      $animate.on('enter', body, function(element, phase) {
+      $animate.on('enter', $$body, function(element, phase) {
         capturedState = phase;
         capturedElement = element;
       });
diff --git a/test/ngAnimate/animationSpec.js b/test/ngAnimate/animationSpec.js
index dcda42f1d76f..d2d48d649e24 100644
--- a/test/ngAnimate/animationSpec.js
+++ b/test/ngAnimate/animationSpec.js
@@ -782,8 +782,8 @@ describe('$$animation', function() {
       element = jqLite('<div></div>');
       parent = jqLite('<div></div>');
 
-      return function($$AnimateRunner, $q, $rootElement, $document) {
-        jqLite($document[0].body).append($rootElement);
+      return function($$AnimateRunner, $q, $rootElement, $$body) {
+        $$body.append($rootElement);
         $rootElement.append(parent);
 
         mockedDriverFn = function(element, method, options, domOperation) {
diff --git a/test/ngAnimate/bodySpec.js b/test/ngAnimate/bodySpec.js
new file mode 100644
index 000000000000..f87dabf1e355
--- /dev/null
+++ b/test/ngAnimate/bodySpec.js
@@ -0,0 +1,9 @@
+'use strict';
+
+describe('$$body', function() {
+  beforeEach(module('ngAnimate'));
+
+  it("should inject $document", inject(function($$body, $document) {
+    expect($$body).toEqual(jqLite($document[0].body));
+  }));
+});
diff --git a/test/ngAnimate/integrationSpec.js b/test/ngAnimate/integrationSpec.js
index 8b4cf1cf9ba9..f735cdbb3724 100644
--- a/test/ngAnimate/integrationSpec.js
+++ b/test/ngAnimate/integrationSpec.js
@@ -6,12 +6,12 @@ describe('ngAnimate integration tests', function() {
 
   var html, ss;
   beforeEach(module(function() {
-    return function($rootElement, $document, $window, $animate) {
+    return function($rootElement, $document, $$body, $window, $animate) {
       $animate.enabled(true);
 
       ss = createMockStyleSheet($document, $window);
 
-      var body = jqLite($document[0].body);
+      var body = $$body;
       html = function(element) {
         body.append($rootElement);
         $rootElement.append(element);