Automatic Numbering of Headings H1-H6 using jQuery <p>I read <a href="http://stackoverflow.com/questions/535334/html-css-autonumber-headings">related</a> posts, but didn't find a solution for IE, so I ask for a jQuery-solution for this problem:</p> <p>I've some nested hierarchical Headings like this</p> <pre><code>&lt;h1&gt; heading 1&lt;/h1&gt; &lt;h2&gt; subheading 1&lt;/h2&gt; &lt;h1&gt; heading 2&lt;/h1&gt; &lt;h2&gt; subheading 1&lt;/h2&gt; &lt;h2&gt; subheading 2&lt;/h2&gt; </code></pre> <p>I need some automated headings output like this:</p> <pre><code>1. heading 1 1.2 subheading 1 2. heading 2 2.1. subheading 1 2.2. subheading 2 </code></pre> <p>Is there a way how this can be achieved using jQuery or alike, working in IE6+?</p>