jQuery: Get content of clicked span by class
<p>I've got several <code>span</code> tags, with the same class. Every <code>span</code> has it's unique id. Now I'd like to get the content and the id of the clicked <code>span</code> class.</p>

<p>I found out how I go about the id of the class, but I can't seem to get the content between the <code>&lt;span&gt;&lt;/span&gt;</code> tags. I tried <code>this.html()</code>, <code>this.html</code>, <code>this.text</code> and <code>this.tex()</code> but I can't get the text.</p>

<pre><code>$(".row").click(function() {
    alert(this.id);
    alert(this.html);
}
</code></pre>

<p>HTML :</p>

<pre><code>&lt;div&gt;
    &lt;span class="row" id="1"&gt;Username of user 1&lt;/span&gt;
    &lt;span class="row" id="2"&gt;Username of user 2&lt;/span&gt;
&lt;div&gt;
</code></pre>
