Replacing input type=text.outerHTML() with new outerHTML() at runtime
<p>Good day, I am trying to replace the <code>outerHTML</code> of an input element with the <code>outerHTML</code> of a jQuery selector that is build up at runtime. The input element looks like: </p>

<pre><code>&lt;INPUT class=ajaxupload id=field_189 type=text value=001.JPG|/Accounts/documents/generic/379a30cc-26b9-4660-b9ac-8fbebe66c5dd.JPG&gt;
</code></pre>

<p>The above element needs to be replaced with the following: </p>

<pre><code>&lt;SPAN class=ajaxUpload-container-parent id=field_189_container&gt;
&lt;SPAN class=ajaxUpload-container&gt;
&lt;A class=\"Buttons ajaxUpload-button\" id=field_189_button href=\"javascript:void(0);\"&gt;Upload File&lt;/A&gt;
&lt;INPUT name=ajaxfile class=ajaxUpload-file id=field_189_file style=\"ZOOM: 1; FILTER: alpha(opacity=0)\" type=file&gt;
&lt;INPUT name=field_189_hidden id=field_189_hidden type=hidden value=001.JPG|/Accounts/documents/generic/379a30cc-26b9-4660-b9ac-8fbebe66c5dd.JPG&gt;
&lt;/SPAN&gt;
</code></pre>

<p></p>

<p>The above snippet of code is the <code>outerHTML</code> of a jQuery selector.</p>

<p>I am trying the following: <code>element.outerHTML(newelement.outerHTML());</code></p>

<p>My problem is that <code>element.outerHTML()</code> does not change.</p>

<p>Any help please.</p>
