title: getting the first line of text in an element jquery
body: <p>I have an example element like this:</p>
  
  <pre><code>&lt;div id="element"&gt;
    Blah blah blah.
    &lt;div&gt;Header&lt;/div&gt;
    ...
  &lt;/div&gt;
  </code></pre>
  
  <p>it can also look like this:</p>
  
  <pre><code>&lt;div id="element"&gt;
    &lt;span&gt;Blah blah blah.&lt;/span&gt;
    &lt;h4&gt;Header&lt;/h4&gt;
    ...
  &lt;/div&gt;
  </code></pre>
  
  <p>I want to get the first line (defining line loosely) (Blah blah blah.) of text inside the element. It might be wrapped inside a child element or just be naked textnode. How do I do that? Thanks.</p>