title: not seeing node list when using console.log
body: <p>I am still learning javascript, I found this code as part of a tutorial and do not understand why I can console.log the <code>el</code> variable and see a collection. With the <code>tabNavigationLinks</code> variable, there is an empty collection of items.  Help in understanding what I am missing in this section of javascript.</p>
  
  <p>Thanks </p>
  
  <pre><code>   (function() {
  
        'use strict';
  
        var tabs = function(options) {
  
          var el = document.querySelector(options.el);
          var tabNavigationLinks = el.querySelectorAll(options.tabNavigationLinks);
  
           console.log(tabNavigationLinks);  // empty list of items
  
          var tabContentContainers = el.querySelectorAll(options.tabContentContainers);
          var activeIndex = 0;
          var initCalled = false;
  
        };
  
    window.tabs = tabs;
  
  })();
  </code></pre>
  
  <p>Html</p>
  
  <pre><code>&lt;div id="tabs" class="c-tabs no-js"&gt;
        &lt;div class="c-tabs-nav"&gt;
          &lt;a href="#" class="c-tabs-nav__link is-active"&gt;&lt;/a&gt;
          &lt;a href="#" class="c-tabs-nav__link"&gt;&lt;/a&gt;
        &lt;/div&gt;
        &lt;div class="c-tab is-active"&gt;
          &lt;div class="c-tab__content"&gt;&lt;/div&gt;
        &lt;/div&gt;
        &lt;div class="c-tab"&gt;
        &lt;div class="c-tab__content"&gt;&lt;/div&gt;
        &lt;/div&gt;
     &lt;/div&gt;
  </code></pre>
  
  <p>Object passed into options varialbe</p>
  
  <pre><code> var myTabs = tabs({
  el: '#tabs',
  tabNavigationLinks: '.c-tabs-nav__link',
  tabContentContainers: '.c-tab'
  </code></pre>
  
  <p>});</p>