jQuery : click event on child element on the list
<p>I have a script in jQuery/PHP, which receives other levels on the UL list. For example:</p>

<pre><code>&lt;ul class="obj"&gt;
&lt;li&gt;Object A&lt;/li&gt;
&lt;li&gt;Object B&lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>After click on the LI element, jQuery appends another list to this element received by POST:</p>

<pre><code>&lt;ul class="obj"&gt;
&lt;li&gt;Object A
&lt;ul class="obj"&gt;
&lt;li&gt;Object A1&lt;/li&gt;
&lt;li&gt;Object A2&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/li&gt;Object B&lt;/li&gt;
</code></pre>

<p></p>

<p>Then when I want to click on 'Object A1' element and append another list to it, list appends to parent element, because both are ".obj li" elements..
My jQuery code:</p>

<pre><code>$(function(){
        $(".obj li").click(function(){
            var el = $(this);
            $.post('get_rel.php',
                function(data){
                    $(el).append(data)
                    el = null;
            });

        })
    })
</code></pre>

<p>How to invoke a click event exactly on the clicked (child) element?
Thanks for help.</p>
