title: jQuery: exclude children from .text()
body: <p>Given this HTML:</p>
  <pre><code>&lt;a href=&quot;#&quot; class=&quot;artist&quot;&gt;Soulive&lt;span class=&quot;create-play&quot;&gt;Play&lt;/span&gt;&lt;/a&gt;
  </code></pre>
  <p>I want to get the text content of the <code>a</code> (which is <code>this</code> in the context of my function) <em>without</em> the text content of the <code>span</code>, so I'm left with:</p>
  <pre><code>Soulive
  </code></pre>
  <p>If I do:</p>
  <pre><code>$(this).text();
  </code></pre>
  <p>I get:</p>
  <pre><code>SoulivePlay
  </code></pre>
  <p>How do I exclude the text content of the <code>span</code>?</p>