title: jQuery .append outside tag
body: <p>I'm completely new to jQuery. To be honest it is my first few days. </p>
  
  <p>And there is my first question.</p>
  
  <pre><code>$(document).ready(function() {
      $('span.head-span').parent().addClass('head-h').append('&lt;div class="clx" /&gt;')
  });
  </code></pre>
  
  <p><strong>As a result I have this</strong></p>
  
  <pre><code>&lt;h1 class="head-h"&gt;&lt;span class="head-span"&gt;This is Some Heading&lt;/span&gt;&lt;div class="clx"/&gt;&lt;/h1&gt;
  </code></pre>
  
  <p>What do I need to do in jQuery so my .clx will appear after . like this</p>
  
  <pre><code>&lt;h1 class="head-h"&gt;&lt;span class="head-span"&gt;This is Some Heading&lt;/span&gt;&lt;/h1&gt;&lt;div class="clx"/&gt;
  </code></pre>
  
  <p>Thank you very much in advance.</p>