title: IE Doesn't support forEach even with Polyfill.
body: <p>I have added the forEach polyfill to the top of my JavaScript file however Internet Explorer is still saying that it doesn't support the function.</p>
  
  <p>I basically want to loop over the results of a querySelector however I do use forEach on some other array objects in my script. </p>
  
  <p>This all works fine on Chrome. </p>
  
  <pre><code>// Production steps of ECMA-262, Edition 5, 15.4.4.18
  // Reference: http://es5.github.io/#x15.4.4.18
  if (!Array.prototype.forEach) {
  
    Array.prototype.forEach = function(callback/*, thisArg*/) {
  
      var T, k;
      if (this === null) {
        throw new TypeError('this is null or not defined');
      }
      var O = Object(this);
      var len = O.length &gt;&gt;&gt; 0;
      if (typeof callback !== 'function') {
        throw new TypeError(callback + ' is not a function');
      }
      if (arguments.length &gt; 1) {
        T = arguments[1];
      }
      k = 0;
      while (k &lt; len) {
        var kValue;
        if (k in O) {
          kValue = O[k];
          callback.call(T, kValue, k, O);
        }
        k++;
      }
    };
  }
  
  (function() {
  
    var instance = null,
        container;
  
    // Constructor
    this.MarvLightbox = function() {
      // Initialise plugin
      this.init();
    };
  
    // Initilise the plugin
    MarvLightbox.prototype.init = function() {
  
      document.querySelectorAll('[data-click]').forEach(function(e) {
        e.addEventListener('click', [clickevent]);
      });
  
    };
  
  }());
  </code></pre>
  
  <p>Shouldn't adding the polyfill fix this issue with IE? </p>