title: WebdriverIO Browser.click statement gives is not a function error
body: <p>I am fairly new to WebDriverIO framework, I was trying to automate below scenario:</p>
  
  <pre><code>const assert = require('assert');
  
  describe('Second Test With WebDriverIO', () =&gt; {
  
      it('Click the button for WebDriverIO Page', () =&gt; {
  
          browser.url('http://www.kevinlamping.com/webdriverio-course-content/');
          var title = browser.getTitle();
          assert.strictEqual(title,'Robot Parts Emporium');
          //browser.click('.shop-callout a');
          $('.shop-callout a').click();
          title = browser.getTitle();
          assert.strictEqual(title,'Totally Not Evil Sentient Robot - Robot Parts Emporium');
  
      });
  });
  </code></pre>
  
  <p>However, I get an error mentioning <code>"[chrome  windows nt #0-0] browser.click is not a function"</code></p>
  
  <p>But I use <code>$('.shop-callout a').click();</code> instead of <code>browser.click('.shop-callout a');</code> then it all works fine.</p>
  
  <pre><code>const assert = require('assert');
  
  describe('Second Test With WebDriverIO', () =&gt; {
  
      it('Click the button for WebDriverIO Page', () =&gt; {
  
          browser.url('http://www.kevinlamping.com/webdriverio-course-content/');
          var title = browser.getTitle();
          assert.strictEqual(title,'Robot Parts Emporium');
          //browser.click('.shop-callout a');
          $('.shop-callout a').click();
          title = browser.getTitle();
          assert.strictEqual(title,'Totally Not Evil Sentient Robot - Robot Parts Emporium');
  
      });
  });
  </code></pre>
  
  <p>Any help would be appreciated.</p>