title: Add method to jQuery .validate to check if summernote textarea is empty
body: <p>I am trying to add a method to the jQuery .validate to check if a Summernote (WYSIWYG editor) textarea is empty and I can not get the method to trigger (the alert I placed in it doe not show). There is no error in the console.</p>
  
  <p>The method is:</p>
  
  <pre><code>//Add validation method to check for an empty Award Description
  $.validator.addMethod("htmlEditorEmpty", function(value, element) {
      alert("checking");
      return this.optional(element) || value.summernote('isEmpty');
  }, "Please enter details");
  </code></pre>
  
  <p>This is called by (other validations before and after this work):</p>
  
  <pre><code>awardDescription: {
      htmlEditorEmpty: true,
      maxlength: 1500,
  },
  </code></pre>
  
  <p>Checks the HTML:</p>
  
  <pre><code>&lt;div class="col-lg-3 col-md-3 col-sm-3 col-xs-3"&gt;
      &lt;div class="form-group"&gt;
          &lt;div&gt;
              &lt;textarea class="summernote" id="awardDescription" name="awardDescription" rows="3"&gt;&lt;/textarea&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I have placed this in the submitHandler:</p>
  
  <pre><code>if ($('#awardDescription').summernote('isEmpty')) {//using id
      alert('contents is empty1');
  }
  
  if ($('awardDescription').summernote('isEmpty')) {//using name
      alert('contents is empty2');
  }
  </code></pre>
  
  <p>The first works (i.e., displays when empty only) while the second always displays (i.e., even when a value is entered). I include this information because I believe that .validate use the name rather than the id. I may be wrong.</p>