title: CasperjJs Can't find variable: fetch
body: <p>I am writing a simple script that login on website and then go to another page and click button. 
  It seems like it can find button, but there is an error after click: </p>
  
  <blockquote>
    <p>Page Error: ReferenceError: Can't find variable: fetch</p>
  </blockquote>
  
  <p>How can I resolve this issue?</p>
  
  <pre><code>  var casper = require('casper').create({   
          verbose: true, 
          logLevel: 'debug',
          pageSettings: {
               loadImages:  false,         // The WebPage instance used by Casper will
               loadPlugins: false,         // use these settings
               userAgent: 'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_7_5) AppleWebKit/537.4 (KHTML, like Gecko) Chrome/22.0.1229.94 Safari/537.4'
          }
      });
  
  
      //print out all the messages in the headless browser context
      casper.on('remote.message', function(msg) {
          this.echo('remote message caught: ' + msg);
      });
  
      // print out all the messages in the headless browser context
      casper.on("page.error", function(msg, trace) {
          this.echo("Page Error: " + msg, "ERROR");
      });
  
      casper.on('resource.error', function(msg) {
          this.echo('resource.error caught: ' + msg);
      });
  
  
  
      var url = 'https://firstPage.com';
  
      casper.start(url, function() {
  
           this.evaluate(function() {
                  document.getElementById("login").value = "name@email.com";
                  document.getElementById("password").value = "pass";
                  document.querySelector("loginButton").click();
              });
  
      });
  
  
      casper.thenOpen('https://secondPage.com', function() { 
           console.log("Page Title " + document.title);
        });
      casper.waitForSelector('[data-content~="OK"]', function() {
        this.click('[data-content~="OK"]');
      })
  </code></pre>