validation of fields in this situation 
<pre><code>&lt;div id="default-box"&gt;
    &lt;span class="add"&gt;&lt;input type="text" class="name" /&gt;&lt;input type="text"  class="email"/&gt;&lt;/span&gt;
    &lt;span class="add"&gt;&lt;input type="text" class="name" /&gt;&lt;input type="text"  class="email"/&gt;&lt;/span&gt;
    &lt;span class="add"&gt;&lt;input type="text" class="name" /&gt;&lt;input type="text"  class="email"/&gt;&lt;/span&gt;

&lt;/div&gt;
</code></pre>

<p>This code will arrange the name and email fields in rows and column. First row will contain name and email as a unit and same for the other rows.
I want to validate each row as unit. Suppose name or email field are empty or email is not valid so when I enter the tab from email column of 1st row to move to second row it will show an error.
I could not figure out the way to catch a row as unit. Thanks</p>
