Form with Tabs

The form below is exactly the same form as in previous two examples, but with tabs. Tabs simplify presentation of large forms.
First Name:
Last Name:
Comments:
Address Line 1:
Address Line 2:
City:
State:
Zip:
Short Bio:
Talk Name:
Talk Description:
$(function () { $('#form').w2form({ name : 'form', header : 'Form with Tabs', url : 'server/post', fields : [ { name: 'first_name', type: 'text', required: true }, { name: 'last_name', type: 'text', required: true }, { name: 'comments', type: 'text'}, { name: 'address1', type: 'text', required: true }, { name: 'address2', type: 'text' }, { name: 'city', type: 'text', required: true }, { name: 'state', type: 'text', required: true }, { name: 'zip', type: 'int', required: true }, { name: 'short_bio', type: 'text' }, { name: 'talk_name', type: 'text', required: true }, { name: 'description', type: 'text' } ], tabs: [ { id: 'tab1', caption: 'General' }, { id: 'tab2', caption: 'Address'}, { id: 'tab3', caption: 'About' } ], actions: { reset: function () { this.clear(); }, save: function () { this.save(); } } }); });