so I'm playing around with request and cheerio npm's and I can't seem to find a solution, why does it keep giving me empty arrays. I used same code when I scraped reddit and it worked like a charm, but when I use it on YouTube or any other page it doesn't work.

var request = require('request'),
cheerio = require('cheerio'),
fs = require('fs'),
urls = [];

request('https://www.youtube.com/', function(err,resp,body) {
    if(!err && resp.statusCode == 200) {
        var $ = cheerio.load(body);
        $('a.yt-simple-endpoint style-scope ytd-grid-video-renderer', 'primary').each(function() {
            var url = $(this);
            urls.push(url);
    });

And this is my reddit code (works fine)

var request = require('request'),
cheerio = require('cheerio'),
fs = require('fs'),
urls = [];

request('http://www.reddit.com/', function(err,resp,body) {
    if(!err && resp.statusCode == 200) {
        var $ = cheerio.load(body);
        $('a.title', '#siteTable').each(function() {
            var url = $(this).attr('href');
            if(url.indexOf('imgur.com')!= -1) {
                urls.push(url);
            }
        });

    Output Example: [ 'http://i.imgur.com/WVrmZ9j.gifv',
  'http://i.imgur.com/T0BchYC.gifv',
  'http://imgur.com/u59lzux' ]