Hide and show for cloned divs
<p>I am trying to hide and show cloned divs. The following code works fine but the Radio button group (orginal) gets unselected when I click on the cloned Radio button Group. I renamed all the radio buttons and DIVs to "_1", "_2" etc after cloning. Please let me know if there are any suggestions. Here is my code. </p>

<pre><code>$(function() 
{     
    $('input:radio').live('click', function () {
        var value = $(this).attr('id').substring(10); 
        if ($(this).val() === '1') 
        {       
            $("#div1Wrap_" + value).show();
            $("#div2Wrap_" + value).hide();
        }  
        else if ($(this).val() === '2') 
        {
            $("#div1Wrap_" + value).hide();
            $("#div2Wrap_" + value).show();
        }  
    });
});
</code></pre>
