JQuery - create NEW radio buttons
<p>Ok here's what I have so far.. thanks to Paolo.<br />
And it works fine, but only if I have existing radio button options.</p>

<p>What if I need to create a NEW radio button without any pre-existing ones?</p>

<p>Ultimately what I want to do is create an array of options, loop through them and output 
a list of options as radio buttons. So originally, there will be NO radio buttons within the 'abc' div.</p>

<p>Thanks in advance!</p>

<pre><code>&lt;script&gt;
$(document).ready(function() {
  // add a new input when a new color is chosen, for example
  $('#aaa').change(function() {
      var radio = $('&lt;input&gt;').attr({
          type: 'radio', name: 'colorinput', value: '2', id: 'test'
      });
      $(':radio:last-child', '#abc').after(radio).after('option 3 ');
  });
});

&lt;/script&gt;

&lt;form id='abcdef'&gt;
  &lt;select id="aaa"&gt;
    &lt;option&gt;red&lt;/option&gt;
    &lt;option&gt;blue&lt;/option&gt;
    &lt;option&gt;other&lt;/option&gt;
  &lt;/select&gt;

  &lt;div id="abc"&gt;
    Input&lt;BR&gt;
    option 1 &lt;input type="radio" name="colorinput" value="1" /&gt; 
    option 2 &lt;input type="radio" name="colorinput" value="2" /&gt; 
  &lt;/div&gt;
  &lt;BR&gt;
&lt;/form&gt;
</code></pre>
