title: Determine the next heading level for dynamic content using jQuery
body: <p>I have a page that loads dynamic content. I need to load additional content in and need to know what heading tag I need to use. So for example, the initial load may contain an <code>&lt;h2&gt;</code> tag in which case I will need to use an <code>h3</code> tag as the heading of the additional content.</p>
  
  <p>Is there a way to find out what heading I should use?</p>
  
  <p>Trying this but returns nothing, event though the page has an <code>h1</code> tag:</p>
  
  <pre><code>$myElement.closest( "h1, h2, h3, h4, h5, h6" );
  </code></pre>