title: Parsley.js - change error container
body: <p>I want to alter the positioning of each error message. That is display the error message in the respective <code>&lt;div class="errorBlock"&gt;&lt;/div&gt;</code>. By using the documentation's code the the error msg is displayed before the element (input) and not displayed as expected. 
  Any ideas?</p>
  
  <p>As per documentation:  </p>
  
  <pre><code>errors: {
      container: function (element, isRadioOrCheckbox) {
          var $container = element.parent().find(".parsley-container");
          if ($container.length === 0) {
              $container = $("&lt;div class='parsley-container'&gt;&lt;/div&gt;").insertBefore(element);
          }
          return $container;
      }
  }
  </code></pre>
  
  <p>My html code is:</p>
  
  <p><strong>INPUT</strong></p>
  
  <pre><code>&lt;div class="input-group date date-picker" data-date-format="dd/mm/yyyy" data-date-viewmode="years"&gt;             
    &lt;input class="form-control dataScrap firstInput" type="text" parsley-notblank="true" parsley-required="true" parsley-error-message="You must input a birth date" readonly="readonly"/&gt;
    &lt;span class="input-group-btn"&gt;
     &lt;button class="btn default" type="button"&gt;&lt;i class="fa fa-calendar"&gt;&lt;/i&gt;&lt;/button&gt;
    &lt;/span&gt;
    &lt;div class="errorBlock"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>CHECKBOX</strong></p>
  
  <pre><code>&lt;div class="checkbox-list"&gt;
      &lt;label class="checkbox-inline"&gt;
          &lt;input type="checkbox" parsley-group="checkboxGroup" parsley-mincheck="2"&gt; Checkbox 1
      &lt;/label&gt;
      &lt;label class="checkbox-inline"&gt;
          &lt;input type="checkbox" parsley-group="checkboxGroup"&gt; Checkbox 2
      &lt;/label&gt;
      &lt;div class="errorBlock"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>