how to remove div in a div and rebind it at same position
<p>for an li tag i am adding a div with multiple div dynamically like below.</p>

<pre><code> var divStr = "";
 divStr = divStr + "&lt;div id='divTaskDetail"+id+"'&gt;";
 divStr = divStr + "&lt;div id='div1"+id+"'&gt;.......&lt;/div&gt;";
 divStr = divStr + "&lt;div id='div2"+id+"'&gt;.......&lt;/div&gt;";
 divStr = divStr + "&lt;div id='div3"+id+"'&gt;.....&lt;input class='btnSave' type='button' value='Save'  onclick='javascript:SaveTaskDetails(" + id + ")'/&gt;&lt;/div&gt;";
 divStr = divStr + "&lt;div id='div4"+id+"'&gt;.......&lt;/div&gt;";
 divStr = divStr + "&lt;/div&gt;";

 $("#liTask"+id+"").append(divStr);
</code></pre>

<p>For the "save" button click in "div3" i want to refresh the "div3" region only. ie to rebind the div3 in the same position. 
My code for getting the "div3" is below</p>

<pre><code>    function SaveTaskDetails(id)
    {
         var CheckDivObj = $("#liTask"+id+"").children();
         var childNode = CheckDivObj.prevObject[0];
         var childTaskNode = childNode.childNodes[1];
         var childSubTaskNode = childTaskNode.children[3];
         if(childSubTaskNode != null)
         {
             $(""+childSubTaskNode.id+"").detach();
         }
    }
</code></pre>

<p>I can get the <code>div3</code> in <code>childSubTaskNode</code> but i want to remove it and rebind in the same position. Is this posible..... 
if so a sample code for detaching and rebinding at same position will be helpfull
Thanks in advance</p>
