title: Insert error message in new line after current
body: <p>I'm using jQuery validate and I'm trying to place the error message below the current element. My form is in list-style (li). I have tried several solutions I've found here on Stackoverflow but it has not worked for my code. One problem is perhaps my time (tid) input because I have four inputs in one li.</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;li&gt;&lt;label&gt;Datum *&lt;br&gt; &lt;input type="text" name="datepicker" id="datepicker"&gt;&lt;/label&gt;&lt;/li&gt;
  &lt;li&gt;
                  &lt;label&gt;Tid: från-till *&lt;br&gt; 
                  &lt;input type="text" name="time" id="time" maxlength="2" size="2"&gt;&lt;/label&gt;:
                  &lt;input type="text" name="time" id="time" maxlength="2" size="2"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;!--Extra space--&gt;
                  &lt;input type="text" name="time" id="time" maxlength="2" size="2"&gt;:
                  &lt;input type="text" name="time" id="time" maxlength="2" size="2"&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p>jQuery:</p>
  
  <pre><code>errorPlacement: function (error, element) {
          //error.insertAfter(element);
           //error.appendTo( element.parent("li").next("li") );
           //$(element).after('&lt;li&gt;'+error.text()+'&lt;/li&gt;');
           $(element).append('&lt;li&gt;' + error.text() + '&lt;/li&gt;');
      } // end errorPlacement
  </code></pre>
  
  <p>Is there and errorplacement solution for my current HTML-code or should I change the html code some how? I chose this way with multiple input types inside one li to make it harder for the user to input wrong data and to make it easier for me to handle it.</p>