title: .children().innerHtml on a JQuery object from a DOM node object returns undefined
body: <pre><code>function getTaskProperties(node) {
          var data = {};
          data.name = $(node).children(".nameHere").innerHtml;
          data.date = $(node).children(".dateHere").innerHtml;
          data.class = $(node).children(".classhere").innerHtml;
          console.log($(node).children(".nameHere")); // returns something like:
          //[p.nameHere, prevObject: n.fn.init[1], context: div#entryTemplate.entry, jquery: "1.11.0", constructor: function, selector: ""…]
  
          console.log($(node).children(".nameHere").innerHtml); //returns undefined
          return data;    }
  
      function getAllTasks() {
          var tasks = [];
          $(".entry") .each(function (i, e) {
              console.log (getTaskProperties(e));
          })
          for (var i; i&lt;tasks.length; i++) {
              console.log(tasks[i]);
          }
      }
  </code></pre>
  
  <p>This script runs through a series of HTML elements that look like the following:</p>
  
  <pre><code>&lt;div class = "entry" id = "entryTemplate"&gt;
                  &lt;a class = "trashButton"&gt;&lt;i class="fa fa-trash-o"&gt;&lt;/i&gt;&lt;/a&gt;
                  &lt;p class = "classHere"&gt;History&lt;/p&gt;
                  &lt;p class = "dateHere"&gt;Due: Monday&lt;/p&gt;
                  &lt;p class = "nameHere"&gt;Graphic Organizer&lt;/p&gt;
              &lt;/div&gt;
  </code></pre>
  
  <p>There are also a couple other elements that get included in the JQuery selector for &lt;.entry></p>
  
  <p>My problem is that when I run <code>$(node).children().innerHtml</code> it returns <code>undefined</code>.
  How can I properly get the value of <code>.classHere</code>, <code>.nameHere</code>, and <code>.dateHere</code>?</p>