title: Jquery object returning undefined when using .text() .val() or .html()
body: <p>This is foo that I created in the console using dom selectors:</p>
  
  <pre><code>foo
  [&lt;input type=​"text" maxlength=​"70" id=​"authCreateAcctUsernameInput" name=​"userName" autocomplete=​"off" autocapitalize=​"off" autocorrect=​"off"&gt;​]
  </code></pre>
  
  <p>Then, on the back of a question I just asked a few minutes ago, I learned that if I want to get the textContent of a jquery object I must use <code>.text()</code>.</p>
  
  <p>Foo has some siblings:</p>
  
  <pre><code>&lt;fieldset&gt;
      &lt;label class="userName" for="authCreateAcctUsernameInput"&gt;Email Address&lt;/label&gt;
      &lt;input type="text" maxlength="70" id="authCreateAcctUsernameInput" name="userName" autocomplete="off" autocapitalize="off" autocorrect="off"&gt;
      &lt;span id="authCreateAcctUsernameErrorTxt" class="errorMSG" style="display: block;"&gt;Please enter a valid email address.&lt;/span&gt;
  </code></pre>
  
  <p></p>
  
  <p>In order to get "Email Address" from Foo's sibling textContent I tried this:</p>
  
  <pre><code>$(foo).parent().children()[0].text()
  </code></pre>
  
  <p>But that returned <code>TypeError: undefined is not a function</code>.</p>
  
  <p>This does "work": </p>
  
  <pre><code> $(foo).parent().children()[0]
      &lt;label class=​"userName" for=​"authCreateAcctUsernameInput"&gt;​Email Address​&lt;/label&gt;​
  </code></pre>
  
  <p>The element is returned. So why can I not add <code>.text()</code> to get what I need, which is the string "Email Address"? </p>