title: how do i wrap the input with a div with jquery
body: <p>I have this format</p>
  
  <pre><code>&lt;td class="value"&gt;
  &lt;input type="text" size="30" name="application[name]" id="application_name" data-validate="true" class="name"&gt;
  &lt;/td&gt;
  </code></pre>
  
  <p>and with jquery i need the final result to be this</p>
  
  <pre><code>&lt;td class="value"&gt;
  &lt;div class="field_with_errors"&gt;
      &lt;input type="text" size="30" name="application[name]" id="application_name" data-validate="true" class="name"&gt;
    &lt;label style="color: rgb(204, 0, 0);" class="message" for="application_name"&gt;Required&lt;/label&gt;
  &lt;/div&gt;
  &lt;/td&gt;
  </code></pre>
  
  <p>As you can see i have a wrapping div....i dont think i can achieve this with prepend. Here is my jquery so far and as you can see i have the input</p>
  
  <pre><code> var form = $(".applications_form");
   var company_name = form.find(".name"); 
  </code></pre>