Clone div and its inner elements
<p>I am trying to clone DIV and it's inner elements. How can I change the names of all inner elements? Also I have function calls on the radio buttons. I need to change the name of the function also.Here is my HTML code. I appreciate any help. </p>

<pre><code>&lt;div id="clonableDiv"&gt;
    &lt;input id="radio_1" type="radio1" onclick="toggleNames1()" value="Yes" name="Yes"&gt;
    Yes
    &lt;br&gt;
    &lt;input id="radio_2" type="radio1" onclick="toggleNames2()" value="No" name="No"&gt;
    No
    &lt;div id="address"&gt;Address:&lt;/div&gt;
    &lt;div id="address1"&gt;
        &lt;input id="address_1" class="textBox" type="text" maxlength="100" name="address_1"&gt;
    &lt;/div&gt;
    &lt;div id="country_select"&gt;
        Country:
        &lt;select id="country_drop_1" name="country_drop_1" onchange="setCountry(this.selectedIndex)"&gt; 
            &lt;option value="-1"&gt;&lt;/option&gt;
            &lt;option value="USA"&gt;USA&lt;/option&gt;
            &lt;option value="Canada"&gt;Canada&lt;/option&gt;
        &lt;/select&gt;
    &lt;/div&gt;
&lt;/div&gt;
</code></pre>
