diff --git a/dist/components/transition.js b/dist/components/transition.js
index 753a13457..8dfb87d83 100644
--- a/dist/components/transition.js
+++ b/dist/components/transition.js
@@ -690,17 +690,15 @@ $.fn.transition = function() {
               elementClass = $module.attr('class');
               tagName      = $module.prop('tagName');
 
-              $clone = $('<' + tagName + ' />').addClass( elementClass ).insertAfter($module);
+                $clone = $('<' + tagName + ' />').addClass( elementClass ).appendTo(document.body);
                 currentAnimation = $clone
-                .appendTo('body')
-                .addClass('clone')
-                .addClass(animation)
-                .removeClass(className.inward)
-                .removeClass(className.outward)
-                .addClass(className.animating)
-                .addClass(className.transition)
-                .css('animationName')
-              ;
+                    .addClass(animation)
+                    .removeClass(className.inward)
+                    .removeClass(className.outward)
+                    .addClass(className.animating)
+                    .addClass(className.transition)
+                    .css('animationName')
+                ;
               inAnimation = $clone
                 .addClass(className.inward)
                 .css('animationName')
diff --git a/dist/semantic.js b/dist/semantic.js
index d22a35581..54eef44f6 100644
--- a/dist/semantic.js
+++ b/dist/semantic.js
@@ -19349,17 +19349,15 @@ $.fn.transition = function() {
               elementClass = $module.attr('class');
               tagName      = $module.prop('tagName');
 
-              $clone = $('<' + tagName + ' />').addClass( elementClass ).insertAfter($module);
+                $clone = $('<' + tagName + ' />').addClass( elementClass ).appendTo(document.body);
                 currentAnimation = $clone
-                .appendTo('body')
-                .addClass('clone')
-                .addClass(animation)
-                .removeClass(className.inward)
-                .removeClass(className.outward)
-                .addClass(className.animating)
-                .addClass(className.transition)
-                .css('animationName')
-              ;
+                    .addClass(animation)
+                    .removeClass(className.inward)
+                    .removeClass(className.outward)
+                    .addClass(className.animating)
+                    .addClass(className.transition)
+                    .css('animationName')
+                ;
               inAnimation = $clone
                 .addClass(className.inward)
                 .css('animationName')