title: Loop through classes, and obtain their list item's innerHTML jQuery
body: <p>There's an HTML page with 3 elements containing a class of ".list". Those ".list" elements have "li" elements in them, and in those "li" elements, there is text. I'd like to loop through all of "li" elements, and push their text to an array, with jQuery.</p>
  
  <p><b>This is what I have so far:</b></p>
  
  <pre><code>var arr = [];
  
  $(".list").each(function() {
    this.children("li").each(function() {
      arr.push(this.innerHTML);
    });
  });
  </code></pre>
  
  <p>However, I'm getting an error back from the console.</p>
  
  <p><b>Error:</b></p>
  
  <pre><code>Uncaught TypeError: undefined is not a function
  </code></pre>
  
  <p><br>
  What am I doing wrong, and how can I fix it?</p>