title: Automatic Numbering of Headings H1-H6 using jQuery
body: <p>I read <a href="https://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>