why event.target selects next element
<p>I am having the following code. Here When i click one the <code>a</code> tag i just like to get <code>this element id</code> .but  <code>e.target</code> select next element can some one explain </p>

<pre><code> $(document).ready(function(){
    function doaction(e) {

       var eve, id;

        eve = $(e.target);
        id = eve.attr('id');
        alert(id);

    }

    $(".delete").click(function(e) {
        doaction(e);
    });


    });



&lt;div class="delete" id="del/one"&gt;&lt;a href="javascript:void(0);" id="delete/1" &gt;one&lt;/a&gt;&lt;/div&gt;

&lt;div class="delete" id="del/two"&gt;&lt;a href="javascript:void(0);" id="delete/2"&gt;two&lt;/a&gt;&lt;/div&gt;

&lt;div class="delete" id="del/three"&gt;&lt;a href="javascript:void(0);" id="delete/3" &gt;three&lt;/a&gt;&lt;/div&gt;
</code></pre>

<p>for demo </p>

<p><a href="http://jsfiddle.net/gchoken/SGvUd/4/" rel="nofollow">http://jsfiddle.net/gchoken/SGvUd/4/</a></p>
