title: Merge different values from a jquery modal form and present this values in a drop down list
body: <p>I am quite new to web design programming. I am using the jqueryui modal form to create a form that allows a user set up a meeting by entering the names and other details for a visitor. If this user wants to add more visitors, there is a button on the form that opens another smaller jquery modal form so as to add the new visitor's first name and surname(for the same meeting).</p>
  
  <p>What I want to know is how i can merge the first name and surname created on both forms to form a drop down list so that the user can view the first name and surname of all the visitors attending the meeting.</p>
  
  <p>(I don't want to load the values from a database, i want it to reflect right away before saving it to a database).</p>
  
  <p>Here is a sample.</p>
  
  <pre><code>    $( "#dialog-form" ).dialog({
    autoOpen: false,
    modal: true,
    buttons: {
      "Create Meeting": function() {
        var bValid = true;
        allFields.removeClass( "ui-state-error" );
  if ( bValid ) {
          $( "#users tbody" ).append( "&lt;tr&gt;" +
            "&lt;td&gt;" + meetname.val() + "&lt;/td&gt;" +
       "&lt;td&gt;" + "&lt;select&gt;" + "&lt;option&gt;"+ firstname.val() + "&amp;nbsp;" + surname.val()+  "&lt;/option&gt;" + "&lt;/select&gt;" + "&lt;/td&gt;" + "&lt;/tr&gt;");
  
        }
      },
  "Add More Visitors": function() {
          $( "#another-dialog-modal" ).dialog('open');
      },
  
  $("#dialogSelect").change(function(){
  $( "#another-dialog-modal" ).dialog('open');});
  $( "#another-dialog-modal" ).dialog({
  autoOpen: false,
  modal: true,
  buttons: {
      Cancel: function() {
          $(this).dialog('close');
      },
  "Add Visitor": function() {
  var bValid = true;
        notallFields.removeClass( "ui-state-error" );
  
  if ( bValid ) {
          $( "#users tbody" ).append( "&lt;select&gt;" + "&lt;option&gt;"+ fn.val() + "&amp;nbsp;" + sn.val() + "&lt;/option&gt;" + "&lt;/select&gt;" );
          $( this ).dialog( "close" );
        }
      }
  </code></pre>
  
  <p>What I want is how to combine the values from the first select tag and the second select tag. So it can be displayed on the html page as one drop down list.</p>
  
  <p>I hope the question is clear?    </p>