title: jQuery this.html() returns undefined
body: <p>I'm reformatting some really bad HTML using jQuery.  I need to splice sibling <code>&lt;font&gt;</code> elements together.  I tried this code:</p>
  
  <pre><code>$('font+font').each(function() {
      this.html().appendTo( this.prev() );
      this.remove();
  });
  </code></pre>
  
  <p>but it gave me this error: <strong>TypeError: 'undefined' is not a function (evaluating 'this.html()')</strong></p>
  
  <hr>
  
  <p>Here's a sample of the HTML:</p>
  
  <p><code>&lt;font&gt;This fragment &lt;/font&gt;&lt;font&gt;is actually one element.&lt;/font&gt;</code></p>
  
  <hr>
  
  <p><strong>Update</strong></p>
  
  <p>I updated my code with <code>$(this)</code>, but it still isn't working.  When I run this code</p>
  
  <pre><code>$('font+font').each(function() {
      $(this).html().appendTo( $(this).prev() );
      $(this).remove();
  });
  </code></pre>
  
  <p>I get this error: <strong>TypeError: 'undefined' is not a function (evaluating '$(this).html().appendTo( $(this).prev() )')</strong></p>