jzaefferer/jquery-validation — Issue #248: Validation Fails for jQuery UI plugins
Author: ajddesign
Created: 2011-11-03 21:02:24+00:00
State: open

In many UI plugins, namely [chosen](http://harvesthq.github.com/chosen/), the original form element is assigned an inline style tag of "display:none", and it appears the validator will not work on those elements via its name attribute.

However, if I bind a change event to that chosen element like so:

```javascript
$('.chzn-select').bind("change", function(){
$(this).valid();
});
```
The element will validate. It's not exactly helpful because the user has to select then deselect for the validation to work. It doesn't do anything for an empty field. If i remove the "display:none:" or change it to "visibility: hidden" the element will validate. Any ideas how to make this work?

Check out this gist for more code. https://gist.github.com/b864d55f3af942e95ec0