title: jquery nth-child() not working
body: <p>I need some help regarding jquery.
  This is HTML code</p>
  
  <pre><code>&lt;div id="outerDiv"&gt;
  &lt;div id="firstInnerDiv"&gt;
      First Inner Div
  &lt;/div&gt;
  
  &lt;label class="label1"&gt;First Label&lt;/label&gt;&lt;br/&gt;
  
  &lt;div id="secondInnerDiv"&gt;
      Second Inner Div
  &lt;/div&gt;
  
  &lt;label class="label2"&gt;Second Label&lt;/label&gt;
  &lt;/div&gt;
  
  &lt;label class="label2"&gt;Third Label&lt;/label&gt;
  </code></pre>
  
  <p>and this is jquery code</p>
  
  <pre><code>    $("‪#‎outerDiv‬ div:nth-child(1)").insertAfter("label:nth-child(4)");
      $("#outerDiv label:nth-child(1)").insertAfter("div:nth-child(4)");
  </code></pre>
  
  <p>The output of the above code is :<br/>
  First Inner Div<br/>
  First Label<br/>
  Second Inner Div<br/>
  Second Label<br/>
  Third Label<br/></p>
  
  <p>I want a new sequence which should be like this :</p>
  
  <p>Second Inner Div<br/>
  Second Label<br/>
  First Inner Div<br/>
  First Label<br/>
  Third Label<br/></p>