title: Copy table row without values
body: <pre><code>&lt;table id="mytable"&gt;
  
  &lt;tr id="gonnaclone"&gt;
    &lt;td&gt;
        &lt;input type="text" id ="isim" name="f1" class="large" value = "" /&gt;
    &lt;/td&gt;
    &lt;td&gt;
        &lt;input type="checkbox" id ="komut" name="f2" checked/&gt;
    &lt;/td&gt;
  &lt;/tr&gt;
  
  &lt;/table&gt;
  </code></pre>
  
  <p>I am trying to clone table row but it is coming with the same value of the cloned row.</p>
  
  <pre><code>var table = document.getElementById("mytable");
  var row = document.getElementById("gonnaclone");
  var clone = row.cloneNode(true);
  table.appendChild(clone);
  </code></pre>
  
  <p>I tried <code>row.cloneNode(false);</code> but it stopped working.</p>
  
  <p>How can I make the value of clone row empty?</p>