Append to parent
<p>I have this html structure:</p>

<pre><code>&lt;ul class="shopp_categories"&gt;
&lt;li&gt;&lt;a href="#"&gt;TEXT&lt;/a&gt;
    &lt;ul class="children"&gt;
        &lt;li&gt;&lt;a href="#"&gt;TEXT&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;&lt;a href="#"&gt;Text&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;   
</code></pre>

<p>And this my js:</p>

<pre><code>jQuery('.shopp_categories ul.children').parent().append('###');
</code></pre>

<p>My function does not append the content correctly. It shall look like:</p>

<pre><code>&lt;ul class="shopp_categories"&gt;
&lt;li&gt;-&gt;####&lt;-&lt;a href="#"&gt;TEXT&lt;/a&gt;
    &lt;ul class="children"&gt;
        &lt;li&gt;&lt;a href="#"&gt;TEXT&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;&lt;a href="#"&gt;Text&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;   
</code></pre>

<p>Without the arrows, of course, after my function was executed. Where is the error in my code?</p>
