jquery or js code to obtain exact node data for currently selected form item/text/image in a web page
<p>I want to obtain the exact details for the item on a web page that has been clicked on, using jquery.</p>

<p>That item can be a form item (like a checkbox, text box, text area etc) or section of text (in a paragraph or div or other) or list or image ...</p>

<p>What I figured out is the following--</p>

<pre><code>$(function(){
  $('*')
    .bind('click', function(event) {
        //now obtain details of item that has been clicked on...    

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

<p>Now, I want the exact details- viz the div id/form id/paragraph #, ie all details for that particular item. How do i get this data? I understand that this data is available in the DOM but I just dont know how to get it in this particular case...</p>
