JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//code.jquery.com/jquery-1.11.2.min.js"></script>
<script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.js"></script>
<script src="//cdn.ckeditor.com/4.4.7/standard/ckeditor.js"></script>

<form id="testform">
  <input type="text" name="txt" />
  <br />
  <br />
  <textarea class="ckeditor" id="question"  name="question" rows="3"></textarea>
  <br />
  <br />
  <input type="text" name="txt1" class="hide"  />
  <br />
  <br />
  <input type="submit" name="smt" />
</form>

CSS

.error {
	display:block;
	color:red
}
.hide {
	display:none
}

JavaScript

$("#testform").validate({
				ignore:".hide",
						rules :{	
			txt : "required",
			 question: {
                    required: function() {
                        CKEDITOR.instances.question.updateElement();
                    }
                },				
			txt1 : "required",			
		}			
		});