title: custom html inside errorElement of jquery Validate
body: <p>I'm putting my error message inside a <code>div</code> (errorElement) and giving it <code>errorClass:"callout border-callout error</code>, which I require to custom style it.
  This is how it looks now:</p>
  
  <pre><code>&lt;input type="text" id="email" name="email" placeholder="Enter your E-Mail Address"/&gt;
  &lt;div id="email-id" class="callout border-callout error"&gt;&lt;!-- this is my error div --&gt;
      Here is my error message
  &lt;/div&gt;
  </code></pre>
  
  <p>but I want two more elements inside this <code>errorElement</code> so i can style it properly. Ideally, it should look as follows:</p>
  
  <pre><code>&lt;input type="text" id="email" name="email" placeholder="Enter your E-Mail Address"/&gt;
  &lt;div id="email-id" class="callout border-callout error"&gt;&lt;!-- this is my error div --&gt;
      Here is my error message
      &lt;b class="border-notch notch"&gt;&lt;/b&gt;
      &lt;b class="notch"&gt;&lt;/b&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>My current jquery validate code:</p>
  
  <pre><code>$(function() {
      $('#form1').validate({
          rules: {
              email: {
                  required: true,
                  email: true
              },
              fname: {
                  required: true,
              },
              lname: {
                  required: true,
              }
  
          },
          messages: {
              email: {
                  required: 'Please enter your email',
                  email: 'Please enter a valid email'
              },
              fname: {
                  required: 'Please enter your First Name',
              },
              lname: {
                  required: 'Please enter your Last Name',
              }
          },
          submitHandler: function(form) {
              $(form).ajaxSubmit({
                  dataType: 'json',
                  success: function(jsonResponse) {
                                  //Example json object returned by server: [false, "You have already subscribed!"]
                                  var notyType;
                                  if (jsonResponse.response) {
                                      notyType = 'success';
                                  } else {
                                      notyType = 'error';
                                  }
                                  showNoty(jsonResponse.message, notyType);
                              }
                          });
          },
          errorClass: "error callout border-callout",
  
  
      });
  
  
  });
  </code></pre>
  
  <h1>UPDATE:</h1>
  
  <pre><code>&lt;form method="post" id='form1' class="subscription-form"&gt;
     &lt;div class="subscription-form-email"&gt;
         &lt;span class="input-row"&gt;&lt;input type="text" id="email" name="email" placeholder="Enter your E-Mail Address"/&gt;&lt;/span&gt;
         &lt;div id="email-id" class="callout border-callout error" style="display:none"&gt; 
              &lt;b class="border-notch notch"&gt;&lt;/b&gt;
              &lt;b class="notch"&gt;&lt;/b&gt;
         &lt;/div&gt;
         &lt;span class="input-row"&gt;&lt;input type="text" id="fname" name="fname" placeholder="First Name"/&gt;&lt;/span&gt;
         &lt;span class="input-row"&gt;&lt;input type="text" id="lname" name="lname" placeholder="Last Name"/&gt;&lt;/span&gt;
     &lt;/div&gt;
  
     &lt;input type="submit" value="SUBSCRIBE" class="submit-button" name="submit" id="submitButton" title="Click here to submit your message!" /&gt;
  
  &lt;/form&gt;
  </code></pre>