How can I use jQuery to add content before the end of a DIV?
<p>I have the following DIV in my code:</p>

<pre><code>&lt;div class="controls-buttons"&gt;
  ....
  ....
&lt;/div&gt;
</code></pre>

<p>How can I use jQuery to append the following two links:</p>

<pre><code>   &lt;a id="level-1"&gt;1&lt;/a&gt;
   &lt;a id="level-12"&gt;12&lt;/a&gt;
</code></pre>

<p>to the end of the code that is within the DIV? So the end
result is this:</p>

<pre><code>&lt;div class="controls-buttons"&gt;
   ...
   ...
   &lt;a id="level-1"&gt;1&lt;/a&gt;
   &lt;a id="level-12"&gt;12&lt;/a&gt;
&lt;/div&gt;
</code></pre>
