Help with jQuery to disable input fields using select options
I'm trying to use jQuery to do the following but have had no luck in doing so. I'm fine at doing this in PHP, but not sure how to do this for jQuery. I've got two options on a select which when option 1 is selected I want all 3 text input fields to be disabled and a class of 'disabled' being added to all 3 of the text fields (data1, data2 and data3). However if option 2 is selected then they remain available to add text in. Please see jsfiddle link below and of course feel free to add code to it.
Thanks in advance.