How do I remove a specific message without removing any other error messages?
**See**: [jsFiddle][1]

I'm trying to remove **only a specific error message (*"Select a department"*)**, when a different option to "External" is selected from the select list **"Role"**, since only when a user role is **"External"** I need to specify which department that user belongs to.

I've only been able to remove the error style using `removeClass("error")`, but even after I've removed that class, the error message is still display and it only disappears if I attempt to submit the form and that's not what I want, what I want to do is to make that error message (**"Select a department"**) disappear **as soon as another user role is selected**(a role different to "external" of course)

**In order for you to understand me more easily I have put up a** [jsFiddle][2].

I really hope you can help me out


  [1]: http://jsfiddle.net/edaloicaro18/8ACde/
  [2]: http://jsfiddle.net/edaloicaro18/8ACde/#base
How do I remove a specific message without removing any other error messages?
===

**See**: [jsFiddle][1]

I'm trying to remove **only a specific error message (*"Select a department"*)**, when a different option to "External" is selected from the select list **"Role"**, since only when a user role is **"External"** I need to specify which department that user belongs to.

I've only been able to remove the error style using `removeClass("error")`, but even after I've removed that class, the error message is still display and it only disappears if I attempt to submit the form and that's not what I want, what I want to do is to make that error message (**"Select a department"**) disappear **as soon as another user role is selected**(a role different to "external" of course)

**In order for you to understand me more easily I have put up a** [jsFiddle][2].

I really hope you can help me out


  [1]: http://jsfiddle.net/edaloicaro18/8ACde/
  [2]: http://jsfiddle.net/edaloicaro18/8ACde/#base