Разгруппировка виджета переключателя jquery

Question

Я новичок в изучении jQuery и у меня есть сценарий;У меня есть страница, где есть наборы радиокнопок jQuery 3х3.Каждый набор является независимым, чтобы сделать видимыми 9 различных элементов.После выбора поменяйте местами div на странице.

Но всякий раз, когда я добавляю 3 формы на страницу, выходные данные группируются.Означает, что btn # 1 из Frm # 2 выбирается, когда я выбираю btn # 1 из Frm # 1 и аналогично для остальных.

Вот HTML

<div class="pkg_sldr_1" align="center">   
   <form name="form1">
    <div id="radioset1">
        <input type="radio" id="radio1" name="radio" checked="checked" /><label for="radio1">Small</label>
        <input type="radio" id="radio2" name="radio"  /><label for="radio2">Medium</label>
        <input type="radio" id="radio3" name="radio" /><label for="radio3">Large</label>
    </div>
 </form>        
</div>

<div class="pkg_sldr_2" align="center">   
   <form name="form2">
    <div id="radioset2">
        <input type="radio" id="radio1" name="radio" checked="checked" /><label for="radio1">Small</......

Вот функция jQuery

            <script>
            $(function() {
            $("#radioset1").buttonset();
            $("#radioset2").buttonset();
            $("#radioset3").buttonset();
            });
            </script>

Вывод смешной, но не тот, который мне требовался ...

Answer 1

На одной странице не может быть нескольких элементов с одинаковым идентификатором.