title: Checking the order of children of a div element are in correct order
body: <p>I have an object like below</p>
  <pre class="lang-html prettyprint-override"><code>&lt;div class=&quot;some class&quot;&gt;
    &lt;h3&gt;This is H3 tag&lt;/h3&gt;
    &lt;h1&gt;Testing H1 element&lt;/h1&gt;
    &lt;p&gt;Hey this is p tag&lt;/p&gt;
    &lt;h3&gt;This is H3 tag&lt;/h3&gt;
    &lt;h2&gt;I am H2&lt;/h2&gt;
    &lt;h3&gt;This is H3 tag&lt;/h3&gt;
    &lt;p&gt;&lt;b&gt;I am Bold&lt;/b&gt;&lt;/p&gt;
    &lt;h4&gt;I am H4&lt;br&gt;&lt;/h4&gt;
  &lt;/div&gt;
  </code></pre>
  <p>Now I want to return true if the above tags inside the div are in the correct order. The correct order should be always<br />
  <code>h1</code>-&gt;<code>h2</code>-&gt;<code>h3</code>-&gt;<code>h4</code>.
  we can have any tag (ex: p, strong) in between.<br />
  I got the above object in my javascript file, but not sure how to check if those are in the correct order or not.</p>
  <p><strong>Note</strong>: There can be multiple <code>h1</code>, <code>h2</code>, <code>h3</code> and <code>h4</code> tags.</p>