jQuery: Adding element after nth element
<p>I need help in adding an element at a particular location in the page body.</p>

<p>Here is my page code.</p>

<pre><code>&lt;div id="div1&gt;
  &lt;label id="label1"&gt;&lt;/label&gt;
  &lt;input type="text1"&gt;&lt;/input&gt;
  &lt;!-- Insert button here --&gt;
  &lt;span id="span1"&gt;&lt;/span&gt;
&lt;/div&gt;
</code></pre>

<p>I want to add a button at the location where I have put a comment above using jQuery. If the page syntax is fixed, is there a way I can add an element as a third child of the parent div? I do not want to put placeholders and do a string replace.</p>

<p>Thanks.</p>
