how do i wrap the input with a div with jquery
<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>
