diff --git a/build/minified/modules/transition.js b/build/minified/modules/transition.js
index 7e96fd417..5c188a282 100644
--- a/build/minified/modules/transition.js
+++ b/build/minified/modules/transition.js
@@ -314,7 +314,7 @@ $.fn.transition = function() {
 
           animationName: function() {
             var
-              element     = document.createElement('element'),
+              element     = document.createElement('div'),
               animations  = {
                 'animation'       :'animationName',
                 'OAnimation'      :'oAnimationName',
@@ -334,7 +334,7 @@ $.fn.transition = function() {
 
           animationEvent: function() {
             var
-              element     = document.createElement('element'),
+              element     = document.createElement('div'),
               animations  = {
                 'animation'       :'animationend',
                 'OAnimation'      :'oAnimationEnd',
@@ -367,17 +367,18 @@ $.fn.transition = function() {
           },
           transition: function() {
             var
-              currentAnimation = $module.css(animationName),
-              inAnimation      = $module.addClass(className.inward).css(animationName)
+              $clone           = $('<div>').addClass( $module.attr('class') ).appendTo($('body')),
+              currentAnimation = $clone.css(animationName),
+              inAnimation      = $clone.addClass(className.inward).css(animationName)
             ;
             if(currentAnimation != inAnimation) {
               module.debug('In/out transitions exist');
-              $module.removeClass(className.inward);
+              $clone.remove();
               return true;
             }
             else {
               module.debug('Static animation found');
-              $module.removeClass(className.inward);
+              $clone.remove();
               return false;
             }
           }
@@ -597,6 +598,7 @@ $.fn.transition.settings = {
     transition : 'ui transition',
     animating  : 'animating',
     looping    : 'looping',
+    loading    : 'loading',
     disabled   : 'disabled',
     hidden     : 'hidden',
     visible    : 'visible',
diff --git a/build/packaged/modules/transition.js b/build/packaged/modules/transition.js
index 7e96fd417..5c188a282 100644
--- a/build/packaged/modules/transition.js
+++ b/build/packaged/modules/transition.js
@@ -314,7 +314,7 @@ $.fn.transition = function() {
 
           animationName: function() {
             var
-              element     = document.createElement('element'),
+              element     = document.createElement('div'),
               animations  = {
                 'animation'       :'animationName',
                 'OAnimation'      :'oAnimationName',
@@ -334,7 +334,7 @@ $.fn.transition = function() {
 
           animationEvent: function() {
             var
-              element     = document.createElement('element'),
+              element     = document.createElement('div'),
               animations  = {
                 'animation'       :'animationend',
                 'OAnimation'      :'oAnimationEnd',
@@ -367,17 +367,18 @@ $.fn.transition = function() {
           },
           transition: function() {
             var
-              currentAnimation = $module.css(animationName),
-              inAnimation      = $module.addClass(className.inward).css(animationName)
+              $clone           = $('<div>').addClass( $module.attr('class') ).appendTo($('body')),
+              currentAnimation = $clone.css(animationName),
+              inAnimation      = $clone.addClass(className.inward).css(animationName)
             ;
             if(currentAnimation != inAnimation) {
               module.debug('In/out transitions exist');
-              $module.removeClass(className.inward);
+              $clone.remove();
               return true;
             }
             else {
               module.debug('Static animation found');
-              $module.removeClass(className.inward);
+              $clone.remove();
               return false;
             }
           }
@@ -597,6 +598,7 @@ $.fn.transition.settings = {
     transition : 'ui transition',
     animating  : 'animating',
     looping    : 'looping',
+    loading    : 'loading',
     disabled   : 'disabled',
     hidden     : 'hidden',
     visible    : 'visible',
diff --git a/build/uncompressed/modules/transition.css b/build/uncompressed/modules/transition.css
index f52445d81..dfca81193 100644
--- a/build/uncompressed/modules/transition.css
+++ b/build/uncompressed/modules/transition.css
@@ -43,6 +43,12 @@
 /*******************************
        States
 *******************************/
+/* Loading */
+.ui.loading.transition {
+  position: absolute;
+  top: -999999px;
+  left: -99999px;
+}
 /* Hidden */
 .ui.hidden.transition {
   display: none;
diff --git a/build/uncompressed/modules/transition.js b/build/uncompressed/modules/transition.js
index 7e96fd417..5c188a282 100644
--- a/build/uncompressed/modules/transition.js
+++ b/build/uncompressed/modules/transition.js
@@ -314,7 +314,7 @@ $.fn.transition = function() {
 
           animationName: function() {
             var
-              element     = document.createElement('element'),
+              element     = document.createElement('div'),
               animations  = {
                 'animation'       :'animationName',
                 'OAnimation'      :'oAnimationName',
@@ -334,7 +334,7 @@ $.fn.transition = function() {
 
           animationEvent: function() {
             var
-              element     = document.createElement('element'),
+              element     = document.createElement('div'),
               animations  = {
                 'animation'       :'animationend',
                 'OAnimation'      :'oAnimationEnd',
@@ -367,17 +367,18 @@ $.fn.transition = function() {
           },
           transition: function() {
             var
-              currentAnimation = $module.css(animationName),
-              inAnimation      = $module.addClass(className.inward).css(animationName)
+              $clone           = $('<div>').addClass( $module.attr('class') ).appendTo($('body')),
+              currentAnimation = $clone.css(animationName),
+              inAnimation      = $clone.addClass(className.inward).css(animationName)
             ;
             if(currentAnimation != inAnimation) {
               module.debug('In/out transitions exist');
-              $module.removeClass(className.inward);
+              $clone.remove();
               return true;
             }
             else {
               module.debug('Static animation found');
-              $module.removeClass(className.inward);
+              $clone.remove();
               return false;
             }
           }
@@ -597,6 +598,7 @@ $.fn.transition.settings = {
     transition : 'ui transition',
     animating  : 'animating',
     looping    : 'looping',
+    loading    : 'loading',
     disabled   : 'disabled',
     hidden     : 'hidden',
     visible    : 'visible',
diff --git a/node/src/files/components/semantic/modules/transition.css b/node/src/files/components/semantic/modules/transition.css
index f52445d81..dfca81193 100644
--- a/node/src/files/components/semantic/modules/transition.css
+++ b/node/src/files/components/semantic/modules/transition.css
@@ -43,6 +43,12 @@
 /*******************************
        States
 *******************************/
+/* Loading */
+.ui.loading.transition {
+  position: absolute;
+  top: -999999px;
+  left: -99999px;
+}
 /* Hidden */
 .ui.hidden.transition {
   display: none;
diff --git a/node/src/files/components/semantic/modules/transition.js b/node/src/files/components/semantic/modules/transition.js
index 7e96fd417..5c188a282 100644
--- a/node/src/files/components/semantic/modules/transition.js
+++ b/node/src/files/components/semantic/modules/transition.js
@@ -314,7 +314,7 @@ $.fn.transition = function() {
 
           animationName: function() {
             var
-              element     = document.createElement('element'),
+              element     = document.createElement('div'),
               animations  = {
                 'animation'       :'animationName',
                 'OAnimation'      :'oAnimationName',
@@ -334,7 +334,7 @@ $.fn.transition = function() {
 
           animationEvent: function() {
             var
-              element     = document.createElement('element'),
+              element     = document.createElement('div'),
               animations  = {
                 'animation'       :'animationend',
                 'OAnimation'      :'oAnimationEnd',
@@ -367,17 +367,18 @@ $.fn.transition = function() {
           },
           transition: function() {
             var
-              currentAnimation = $module.css(animationName),
-              inAnimation      = $module.addClass(className.inward).css(animationName)
+              $clone           = $('<div>').addClass( $module.attr('class') ).appendTo($('body')),
+              currentAnimation = $clone.css(animationName),
+              inAnimation      = $clone.addClass(className.inward).css(animationName)
             ;
             if(currentAnimation != inAnimation) {
               module.debug('In/out transitions exist');
-              $module.removeClass(className.inward);
+              $clone.remove();
               return true;
             }
             else {
               module.debug('Static animation found');
-              $module.removeClass(className.inward);
+              $clone.remove();
               return false;
             }
           }
@@ -597,6 +598,7 @@ $.fn.transition.settings = {
     transition : 'ui transition',
     animating  : 'animating',
     looping    : 'looping',
+    loading    : 'loading',
     disabled   : 'disabled',
     hidden     : 'hidden',
     visible    : 'visible',
diff --git a/src/modules/transition.js b/src/modules/transition.js
index 7e96fd417..5c188a282 100755
--- a/src/modules/transition.js
+++ b/src/modules/transition.js
@@ -314,7 +314,7 @@ $.fn.transition = function() {
 
           animationName: function() {
             var
-              element     = document.createElement('element'),
+              element     = document.createElement('div'),
               animations  = {
                 'animation'       :'animationName',
                 'OAnimation'      :'oAnimationName',
@@ -334,7 +334,7 @@ $.fn.transition = function() {
 
           animationEvent: function() {
             var
-              element     = document.createElement('element'),
+              element     = document.createElement('div'),
               animations  = {
                 'animation'       :'animationend',
                 'OAnimation'      :'oAnimationEnd',
@@ -367,17 +367,18 @@ $.fn.transition = function() {
           },
           transition: function() {
             var
-              currentAnimation = $module.css(animationName),
-              inAnimation      = $module.addClass(className.inward).css(animationName)
+              $clone           = $('<div>').addClass( $module.attr('class') ).appendTo($('body')),
+              currentAnimation = $clone.css(animationName),
+              inAnimation      = $clone.addClass(className.inward).css(animationName)
             ;
             if(currentAnimation != inAnimation) {
               module.debug('In/out transitions exist');
-              $module.removeClass(className.inward);
+              $clone.remove();
               return true;
             }
             else {
               module.debug('Static animation found');
-              $module.removeClass(className.inward);
+              $clone.remove();
               return false;
             }
           }
@@ -597,6 +598,7 @@ $.fn.transition.settings = {
     transition : 'ui transition',
     animating  : 'animating',
     looping    : 'looping',
+    loading    : 'loading',
     disabled   : 'disabled',
     hidden     : 'hidden',
     visible    : 'visible',
diff --git a/src/modules/transition.less b/src/modules/transition.less
index c9bbbca19..c44b8baed 100755
--- a/src/modules/transition.less
+++ b/src/modules/transition.less
@@ -52,6 +52,12 @@
        States
 *******************************/
 
+/* Loading */
+.ui.loading.transition {
+  position: absolute;
+  top: -999999px;
+  left: -99999px;
+}
 
 /* Hidden */
 .ui.hidden.transition {