Get last clicked item id
<p>I have function like this:</p>

<pre><code>$(document).ready(function () {
          $("*").click(function () {             
              alert($(this).attr('id').toString());                
        });
    });
</code></pre>

<p>And on Page i have something like this:</p>

<pre><code>&lt;asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent"&gt;
&lt;script language="javascript" src="Scripts/jquery-1.4.1.js" type="text/javascript"&gt;&lt;/script&gt;
&lt;div id="div1"&gt;Some stuff
    &lt;div id="div2"&gt;Some other stuff
    &lt;asp:Button ID="Button1" runat="server" Text="Button" /&gt;        
        &lt;div id="div3"&gt;More stuff
        &lt;asp:Button ID="Button2" runat="server" Text="Button" /&gt;        
        &lt;/div&gt;
    &lt;/div&gt;        
&lt;/div&gt;   
</code></pre>

<p></p>

<p>If i click something it works fine, but it alerts me three times(or more).
For example:
I click button2. Alertbox appears with button2.id, then with div3.id, div2.id etc. It shows me all id's under that button. 
If i try to store this id to variable like this:</p>

<pre><code>     var storedId = $(this).attr('id').toString();
</code></pre>

<p>it stores the last one.That means i get the id of form1.</p>

<p>How can i get the first id? The id of clicked button or clicked label or whatever i have on my page.</p>
