title: es6-promise.js polyfill(mentioned in html5rocks,MDN) not working
body: <p>I have a JS code using promises. It works as it should in ES6 promises supported browsers</p>
  
  <p>As mentioned in MDN older versions than chrome32, firefox26, any version of IE, promises are not supported</p>
  
  <p>I have applied the polyfill(suggested by MDN, HTML5Rocks) mentioned here <a href="https://github.com/jakearchibald/es6-promise" rel="nofollow">https://github.com/jakearchibald/es6-promise</a></p>
  
  <p>Polyfill File: "<a href="http://es6-promises.s3.amazonaws.com/es6-promise-2.0.0.min.js" rel="nofollow">http://es6-promises.s3.amazonaws.com/es6-promise-2.0.0.min.js</a>"</p>
  
  <p>I can see the polyfill script is executing because the compiler reaches the breakpoint</p>
  
  <p>but i get an error <code>Promise not defined</code>, when i use</p>
  
  <pre><code>var promise = new Promise();
  </code></pre>
  
  <p>Here is my complete html code of the webpage. Its a simple example, you can test it with browserstack in older browsers.</p>
  
  <p>I am sure the mistake is on my side because thats a polyfill suggested everywhere.</p>
  
  <p>Code Live: <a href="http://sagiavinash.com/learn/es6promise/2/" rel="nofollow">http://sagiavinash.com/learn/es6promise/2/</a></p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
    &lt;meta charset="utf-8"&gt;
    &lt;title&gt;ES6-Promise chaining&lt;/title&gt;
    &lt;style type="text/css"&gt;
      div{ width:100px; height:100px; opacity:0; }
      .red{ background:red; }
      .green{ background:green; }
      .blue{ background:blue; }
    &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div class="red"&gt;&lt;/div&gt;
  &lt;div class="green"&gt;&lt;/div&gt;
  &lt;div class="blue"&gt;&lt;/div&gt;
  &lt;script src="//code.jquery.com/jquery-1.11.1.min.js"&gt;&lt;/script&gt;
  &lt;script src="//es6-promises.s3.amazonaws.com/es6-promise-2.0.0.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
      function appear(div){
          var promise = new Promise(function(resolve,reject){
              console.log(div);
              var i = 0;
              var loop = setInterval(function(){
                  if (i == 10){
                      clearInterval(loop);
                      console.log("animation end");
                      resolve();
                  }
                  div.css({"opacity": (i/10)});
                  i+=1;
              },100);
          });
          return promise;
      }
      $(document).ready(function(){
          appear($("div.red").eq(0)).then(function(){ 
              return appear($("div.green").eq(0));
          }).then(function(){
              return appear($("div.blue").eq(0));
          });
      });
  &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>