Append is not a function jquery
<p>In the following code, I'd like to be able to append <code>test_div</code> to the element that was clicked on.  However, I get the error message that <code>TypeError:</code>e.srcElement.append<code>is not a function</code>.  </p>

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

    onclick = function (e) {
        var test_div = document.createElement("div");
        target = e.srcElement
        target.append(test_div);
        }

    $('#dialogue').on('click', onclick);

});
</code></pre>

<p>I've tried printing out the type of <code>e.srcElement</code>, but it just says <code>object</code>, which isn't very helpful.  What's the correct way to append an element to the item clicked on?</p>