How do you add an element into the last place inside a DIV with jQuery?
<p>If I have a div like this:</p>

<pre><code>&lt;div id="a"&gt;
    &lt;div id="a1"&gt;...&lt;/div&gt;
    &lt;div id="a2"&gt;...&lt;/div&gt;
    &lt;div id="a3"&gt;...&lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>How do I add another div into the last position inside <code>#a</code> using jQuery?</p>

<pre><code>    &lt;div id="a4"&gt;...&lt;/div&gt;
</code></pre>

<p>so that it becomes this:</p>

<pre><code>&lt;div id="a"&gt;
    &lt;div id="a1"&gt;...&lt;/div&gt;
    &lt;div id="a2"&gt;...&lt;/div&gt;
    &lt;div id="a3"&gt;...&lt;/div&gt;
    &lt;div id="a4"&gt;...&lt;/div&gt;
&lt;/div&gt;
</code></pre>
