jQuery: How can select clicked element in table without define unique id for each element
<p>I have table (that generated by server) below.
I want to get input element value <code>class="itemQuantity"</code> of clicked row. 
I write jQuery code but he missing "this" of clicked element.</p>

<pre><code>&lt;script type="text/javascript"&gt;
$(document).ready(function() {
    $('.updateButton').click(function() {
        alert($('.itemQuantity').val());
    });
});
&lt;/script&gt;
</code></pre>

<p>How can I do it with jQuery (I thinking to use this and not create id for each element, but I have low knowledge in jQuery).</p>

<p>Thanks,
Yosef</p>

<pre><code>&lt;table id="items"&gt;
&lt;tr&gt;
&lt;th&gt;item id&lt;/th&gt;
&lt;th&gt;item name&lt;/th&gt;
&lt;th&gt;item quantity&lt;/th&gt;
&lt;th&gt;item update&lt;/th&gt;
&lt;/tr&gt;
&lt;tr&gt;

&lt;td class="itemID"&gt;
1
&lt;/td&gt;

&lt;td class="itemName"&gt;
Ferari
&lt;/td&gt;
&lt;td &gt;
&lt;input class="itemQuantity" type="text" size="4" /&gt;
&lt;/td&gt;
&lt;td&gt;
&lt;button class="updateButton"&gt;update item&lt;/button&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;

&lt;td class="itemID"&gt;
2
&lt;/td&gt;

&lt;td class="itemName"&gt;
Fiat
&lt;/td&gt;
&lt;td &gt;
&lt;input class="itemQuantity" type="text" size="4" /&gt;
&lt;/td&gt;
&lt;td&gt;
&lt;button class="updateButton"&gt;update item&lt;/button&gt;
&lt;/td&gt;
&lt;/tr&gt;

&lt;tr&gt;

&lt;td class="itemID"&gt;
3
&lt;/td&gt;

&lt;td class="itemName"&gt;
Hundai
&lt;/td&gt;
&lt;td &gt;
&lt;input class="itemQuantity" type="text" size="4" /&gt;
&lt;/td&gt;
&lt;td&gt;
&lt;button class="updateButton"&gt;update item&lt;/button&gt;
&lt;/td&gt;
&lt;/tr&gt;    
&lt;/table&gt;     
</code></pre>
