title: Include additional content in append code jquery
body: <p>Simple question (I think)</p>
  
  <p>This...</p>
  
  <pre><code>jQuery(function($) {
      $(".jg").each(function() {
          $(this).append($('&lt;h6/&gt;', {
              text: $(this).find('a').attr('href').split('/').pop()
          }));
      });
  });
  </code></pre>
  
  <p>...displays the name of an image file contained in all divs with the class .jg. It wraps the name in h6 tags and appends itself to the .jg div its associated with.</p>
  
  <p><em>^^^ No problems there ^^^</em></p>
  
  <p><strong>My question.</strong></p>
  
  <p>How do I add additional text to the H6?</p>
  
  <p>I want this...</p>
  
  <pre><code>text: $(this).find('a').attr('href').split('/').pop()
  </code></pre>
  
  <p>plus this...</p>
  
  <pre><code>("Tada!");
  </code></pre>
  
  <p>I could append it to .jg in addition to the H6 like...</p>
  
  <pre><code>jQuery(function($) {
      $(".jg").each(function() {
          $(this).append($('&lt;h6/&gt;', {
              text: $(this).find('a').attr('href').split('/').pop()
          }));
          $(this).append("Tada!");
      });
  });
  </code></pre>
  
  <p>But I simply want it included in the H6 and don't know the syntax to do it?</p>
  
  <p>Eg...</p>
  
  <pre><code>jQuery(function ($) {
      $(".jg").each(function () {
          $(this).append($('&lt;h6/&gt;', {
              text: $(this).find('a').attr('href').split('/').pop()
              **PLUS SOMETHING ELSE HERE**
          }));
      });
  });
  </code></pre>
  
  <p>I'm sure it's basic jQuery syntax, unfortunately whatever I try breaks it :(</p>
  
  <p>Thanks!</p>