diff --git a/public/docs/_examples/forms/e2e-spec.js b/public/docs/_examples/forms/e2e-spec.js
index e7714cb2c4..a90138b744 100644
--- a/public/docs/_examples/forms/e2e-spec.js
+++ b/public/docs/_examples/forms/e2e-spec.js
@@ -1,4 +1,4 @@
-describeIf(browser.appIsTs, 'Forms Tests', function () {
+describeIf(browser.appIsTs || browser.appIsJs, 'Forms Tests', function () {
 
   beforeEach(function () {
     browser.get('');
diff --git a/public/docs/_examples/forms/js/index.html b/public/docs/_examples/forms/js/index.html
index d5947f552f..6ca5eb1bd4 100644
--- a/public/docs/_examples/forms/js/index.html
+++ b/public/docs/_examples/forms/js/index.html
@@ -12,15 +12,19 @@
     <link rel="stylesheet" href="styles.css">
     <!-- #enddocregion styles -->
 
+   <!-- IE required polyfill -->
+    <script src="node_modules/es6-shim/es6-shim.min.js"></script>
+    
     <script src="node_modules/angular2/bundles/angular2-polyfills.js"></script>
-    <script src="node_modules/angular2/bundles/angular2.umd.js"></script>
+    <script src="node_modules/rxjs/bundles/Rx.umd.js"></script>    
+    <script src="node_modules/angular2/bundles/angular2-all.umd.js"></script>
     <!-- #docregion scripts-hero, scripts-hero-form -->
     <script src='app/hero.js'></script>
     <!-- #enddocregion scripts-hero -->
     <script src='app/hero-form.component.js'></script>
     <!-- #enddocregion scripts-hero-form -->
     <!-- #docregion scripts, scripts-hero, scripts-hero-form -->
-    <script src='app/app.js'></script>
+    <script src='app/app.component.js'></script>
     <script src='app/boot.js'></script>
     <!-- #enddocregion scripts, scripts-hero, scripts-hero-form -->
   </head>
diff --git a/public/docs/_examples/forms/js/plnkr.json b/public/docs/_examples/forms/js/plnkr.json
index 5617d94f9a..0105283bd3 100644
--- a/public/docs/_examples/forms/js/plnkr.json
+++ b/public/docs/_examples/forms/js/plnkr.json
@@ -1,4 +1,4 @@
 {
   "description": "Forms",
-  "files": ["**/*.js"]
+  "files":["app/**/*.js", "**/*.html", "**/*.css"]
 }