title: CK Editor validates second time
body: <p>I have two CKEditors in my HTML (I mean to say multiple ckeditors).</p>
  
  <p>Also I am using Validate plugin for checking if CKEditor is empty,if empty show error.</p>
  
  <p>Validation works perfectly, but it validates second time, whereas it should validate first time itself.</p>
  
  <p>I have checked all the questions and answers here, but none helped.</p>
  
  <p>I created a <a href="http://jsfiddle.net/7mKcY/" rel="nofollow noreferrer">JS Fiddle</a>.</p>
  
  <p>Code for validate : </p>
  
  <p>HTML</p>
  
  <pre><code>&lt;form action="" method="post" id="frmEditor"&gt;
  
      &lt;p&gt;
          &lt;label for="editor1"&gt;
              Editor 1:
          &lt;/label&gt;
          &lt;textarea class="ckeditor" cols="80" id="editor1" name="editor1" rows="10"&gt;&lt;/textarea&gt;
      &lt;/p&gt;
      &lt;p&gt;
  
      &lt;/p&gt;
  
      &lt;p&gt;
          &lt;label for="editor1"&gt;
              Editor 2:
          &lt;/label&gt;
          &lt;textarea class="ckeditor" cols="80" id="editor2" name="editor2" rows="10"&gt;&lt;/textarea&gt;
      &lt;/p&gt;
      &lt;p&gt;
          &lt;input type="submit" value="Submit"&gt;
      &lt;/p&gt;
  
  &lt;/form&gt;
  </code></pre>
  
  <p>Script</p>
  
  <pre><code>$(document).ready(function(){   
  // validate signup form on keyup and submit
      $("#frmEditor").validate({
          ignore: [],
          debug: false,
          rules: {
              editor1:{
                  required: true
              },
              editor2:{
                  required: true
              }           
          },
          messages: {         
              editor1: {
                  required: "Please enter"
              },
              editor2: {
                  required: "Please enter"
              }           
          },
          submitHandler: function(form) {
              form.submit();
          }       
      });
  });
  </code></pre>