Radio Buttons, Multiple Dialogs, Jquery
<p>So I'm trying to make my 3 radio buttons, each pop up with a different dialog box using jquery. (http://www.regrettablehookups.com/sandbox/contact.php)</p>

<p>This is what I have in the header:</p>

<pre><code>//Radio Button
$("#radioset").buttonset();
//Button
$("#dialog_button").button({
    icons: {
        primary: 'ui-icon-newwin'
    }
});

// Dialog           
$('#dialog').dialog({
    autoOpen: false,
    width: 600,
    buttons: {
        "Okay": function () {
            $(this).dialog("close");

        },
        "Cancel": function () {
            $(this).dialog("close");
        }
    }
});


// Dialog Link
$('#dialog_button').click(function () {
    $('#dialog').dialog('open');
    return false;
});
});
</code></pre>

<p>And the code in my body:</p>

<pre><code> &lt;div id="radioset"&gt;
    &lt;input type="radio" id="kevin" name="radio" /&gt;&lt;label for="kevin"&gt;Kevin&lt;/label&gt;
    &lt;input type="radio" id="natalie" name="radio" /&gt;&lt;label for="natalie"&gt;Natalie&lt;/label&gt;
    &lt;input type="radio" id="kaitlyn" name="radio" /&gt;&lt;label for="kaitlyn"&gt;Kaitlyn&lt;/label&gt;
 &lt;/div&gt;
</code></pre>

<p>Thanks guys! :)</p>
