title: How can I append to a <h1> tag inside a span with jQuery?
body: <p><a href="http://jsfiddle.net/bTubp/" rel="nofollow">jsFiddle</a></p>
  
  <p>I'm trying to append some text to a heading that is in a span. But I don't know how to append to the actual heading, and not just the span. </p>
  
  <p>Style:</p>
  
  <pre><code>h1 {font-size:250%;color:red;}
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;span class="note"&gt;
      &lt;h1&gt;
          some text
      &lt;/h1&gt;
  &lt;/span&gt;
  </code></pre>
  
  <p>I run this:</p>
  
  <pre><code>$('.note:first-child').append("more text");
  </code></pre>
  
  <p>But the text gets appended after the heading tag, and therefore doesn't have the heading style applied to it. How can I append to the heading?</p>