title: Scraping an unordered list row per row with Cheerio in Apify
body: <p>I try to scrape the following unordered list:</p>
  
  <pre><code>&lt;ul&gt;
   &lt;li class="menu-item"&gt;
    &lt;h2 class="menu-item-title"&gt;Title&lt;/h2&gt;
    &lt;p class="menu-item-description"&gt;Description&lt;/p&gt;
    &lt;span class="menu-item-price"&gt;Price&lt;/span&gt;
   &lt;/li&gt;
   &lt;li class="menu-item"&gt;
    &lt;h2 class="menu-item-title"&gt;Title&lt;/h2&gt;
    &lt;p class="menu-item-description"&gt;Description&lt;/p&gt;
    &lt;span class="menu-item-price"&gt;Price&lt;/span&gt;
   &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>And my goal is to scrape the list row per row and get it exactly as is as an HTML table in Apify using the Cheerio scraper and the following code:</p>
  
  <pre><code>async function pageFunction(context) {
      const { $, request, log } = context;
      log.info(`URL: ${request.url}`);
  
      var result = [];
      var title = [];
      var description = [];
      var price = [];
      $('li.menu-item h2.menu-item-title').each(function(i, el) {
          title[i] = $(this).text().trim();
      });
      $('li.menu-item p.menu-item-description').each(function(i, el) {
          description[i] = $(this).text().trim();
      });
      $('li.menu-item span.menu-item-price').each(function(i, el) {
          price[i] = $(this).text().trim();
      });
  
      const numTitles = title.length;
      for (var j=0; j&lt;numTitles; j++) {
          let obj = {
              title: title[j],
              description: description[j],
              price: price[j]
          }
          result.push(obj);
      }
      console.log('result', result);
      return {
          result
      }
  }
  </code></pre>
  
  <p>However, the HTML table only shows one super long row instead of one line per row.</p>
  
  <p>from console.log()</p>
  
  <pre><code>2019-12-05T19:22:14.028Z   { title: 'Rucola Parmigiano Salad',
  2019-12-05T19:22:14.029Z     description: 'Rocket salad with parmesan flakes.',
  2019-12-05T19:22:14.030Z     price: '€9.00' },
  </code></pre>
  
  <p>Below is the resulting HTML table:</p>
  
  <p><a href="https://api.apify.com/v2/datasets/qs66oMZsxP2RYodhn/items?format=html&amp;clean=1" rel="nofollow noreferrer">https://api.apify.com/v2/datasets/qs66oMZsxP2RYodhn/items?format=html&amp;clean=1</a></p>
  
  <p>How can I fix this to get one ul-line per row?</p>