divを追加した後にButtonsetが動作しなくなる

Question

succesと書式設定されたjqueryであるラジオボタンのセットを使用するページを作成しました。しかし、ページにコンテンツを配置する必要があるdivを追加すると、ラジオボタンはまだフォーマットされていますが、ラジオボタンとしては機能しません（チェックボックスのように機能します）。これは私のコードです、何が間違っていますか？

<script> 

    $(document).ready(function() { 

    $("#dt_hel").buttonset(); 

    }); 

</script> 

<!-- end script radiobuttons -->   

<div class="demo"> 
<div id="ContentContainerLeft" > 
<form id="dt_this_form" name="dt_this_form" action="this.php" method="post"> 
<p> 
</div> 
<div id="ContentContainerMiddle" > 
<P> 
<div id="dt_hel" style="font-size:80%;"> 
    <input type="radio" id="radio1" name="dt_hel" value="0" /><label for="radio1">Lower</label> 
    <input type="radio" id="radio2" name="dt_hel" value="1" /><label for="radio2">Equal</label> 
    <input type="radio" id="radio3" name="dt_hel" value="2" checked/><label for="radio3">Higher</label> 
</div> 
<P></P> 
</div> 
<div id="TweetContainer" > 
<P> 
</div> <!-- end tweetcontainer --> 
</div><!-- End demo --> 
</form> 

Answer 1

あなたは（すなわち、タグ上のタグを開くフォームを設定）、古いタグを閉じる前に、最新のタグを閉じるのルールに従っている場合、それは、例えば動作するはずです

<form id="dt_this_form" name="dt_this_form" action="this.php" method="post"> 
<div class="demo"> 
<div id="ContentContainerLeft" > 

<p> 
</div> 
<div id="ContentContainerMiddle" > 
<P> 
<div id="dt_hel" style="font-size:80%;"> 
    <input type="radio" id="radio1" name="dt_hel" value="0" /><label for="radio1">Lower</label> 
    <input type="radio" id="radio2" name="dt_hel" value="1" /><label for="radio2">Equal</label> 
    <input type="radio" id="radio3" name="dt_hel" value="2" checked/><label for="radio3">Higher</label> 
</div> 
<P></P> 
</div> 
<div id="TweetContainer" > 
<P> 
</div> <!-- end tweetcontainer --> 
</div><!-- End demo --> 
</form>