title: getting back additional info when webscraping with cheerio js
body: <p>I am working with cheerio.js to make a simple web scraper.  For some reason it does not respond to certain html tags. 
  One div I cannot target is <b>the div with the class of 'dataTables_scrollBody'</b>
  on the website that I am scraping: <a href="http://www.caffeineinformer.com/the-caffeine-database" rel="nofollow">http://www.caffeineinformer.com/the-caffeine-database</a>.</p>
  
  <p>However, I think I found a work-around to my problem.</p>
  
  <p>I read through the documentation <a href="https://github.com/cheeriojs/cheerio" rel="nofollow">https://github.com/cheeriojs/cheerio</a> and am following this format  <b>$( selector, [context], [root] </b>.  </p>
  
  <pre><code>$(".main, div:nth-child(3) ").filter(function(){
          var data = $(this).prev().text();
          console.log(data);
  })
  </code></pre>
  
  <p>In my console I am getting the data that I desire but with two problems</p>
  
  <pre><code>1.  Caffeine Content of Drinks All Coffee Soda Energy Drinks Tea Shots
      Loading data.../*&lt;![CDATA[*/var totalrows=1127;
      var latestdate='06/12/2015';var tbldata=
  </code></pre>
  
  <p>I do not see this info on the page.</p>
  
  <pre><code>2.  I am getting my data back two times.
  </code></pre>
  
  <p>I put in a console.log for the data length.  I got back 8 different lengths.  I believe there is a workaround.  However, I cannot figure this out.  </p>
  
  <p>Does anyone have any knowledge on the matter?</p>