title: jQuery: How to use the same widget multiple times on a single page
body: <p>jQuery UI seems to be sensitive to the attributes of the elements that compose a widget. How then can I use the same widget mutiple times in a single page\form?</p>
  
  <p>Example - the radio select widget, which comes in the demo index.html file that downloads with jQuery-ui:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt; 
  &lt;html&gt;
      &lt;head&gt; 
          ...
          $(function(){
              $("#radioset").buttonset();
          }
          ...
      &lt;/head&gt;
      &lt;body&gt;
          ...
          &lt;form style="margin-top: 1em;"&gt; 
              &lt;div id="radioset"&gt; 
                  &lt;input type="radio" id="radio1" name="radio" /&gt;&lt;label for="radio1"&gt;Choice 1&lt;/label&gt;
                  &lt;input type="radio" id="radio2" name="radio" checked="checked" /&gt;&lt;label for="radio2"&gt;Choice 2&lt;/label&gt; 
                  &lt;input type="radio" id="radio3" name="radio" /&gt;&lt;label for="radio3"&gt;Choice 3&lt;/label&gt;
              &lt;/div&gt; 
          &lt;/form&gt; 
          ...
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>What code then should I add to have a second div with a different set of radio buttons?</p>