title: Create a div before another
body: <p>I have a script from a JQuery Validation Engine. I want to set the prompt div before another div.</p>
  
  <pre><code>if($('#'+methods._getClassName(field.attr("id"))+'_msddHolder').length ){
  var prompt = $('&lt;div&gt;');
  $('#'+methods._getClassName(field.attr("id"))+'_msddHolder').before(prompt);
  prompt.addClass(methods._getClassName(field.attr("id")) + "formError");
  // add a class name to identify the parent form of the prompt
  prompt.addClass("parentForm"+methods._getClassName(field.closest('form, .validationEngineContainer').attr("id")));
  prompt.addClass("formError");
  </code></pre>
  
  <p>If I do it like this it won't work, if i manually set this:</p>
  
  <pre><code>$('#'+methods._getClassName(field.attr("id"))+'_msddHolder').before('&lt;div&gt;TEST&lt;/div&gt;');
  </code></pre>
  
  <p>Then it works. Why?</p>