title: how do i retain the value of dynamically added textboxes
body: <p>i am using this code:</p>
  
  <pre><code>&lt;html&gt;
   &lt;head&gt;
     &lt;title&gt;Dynamic Form&lt;/title&gt;
     &lt;script type="text/javascript"&gt;
       var i = 6;
      function CreateTextbox(){
        createTextbox.innerHTML = createTextbox.innerHTML 
                     +'&lt;input type=text name="flow'+i+'"/&gt;'
         i++;
      }
    &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
   &lt;form name="form" action="post"&gt;
    &lt;input type="button" name="what" value="clickHere" onClick="CreateTextbox()"/&gt;
     &lt;div id="createTextbox"&gt;&lt;/div&gt;
   &lt;/form&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>when i add a new textbox, the value that was entered in the previous textbox is deleted. how can i retain it?</p>