Combining two separate forms into one
<p>I've been messing around with a two forms and would like to combine them. Each form has a separate JS. </p>

<p>I'd like to be able to take the values in Form #1 and have them placed in the Form#2 answers.</p>

<p>Could somebody please assist?</p>

<p><strong>Form #1</strong></p>

<pre><code>$(window).load(function(){
jQuery(function($) {

    var multiTags = $("#multi");

    function handler(e) {
        var jqEl = $(e.currentTarget);
        var tag = jqEl.parent();
        switch (jqEl.attr("data-action")) {
        case "add":
            tag.after(tag.clone().find("input").val("").end());
            break;
        case "delete":
            tag.remove();
            break;
        }
        return false;
    }

    function save(e) {
        var tags = multiTags.find("input.tag").map(function() {
            return $(this).val();
        }).get().join(',');
        alert(tags);
        return false;
    }

    multiTags.submit(save).find("a").live("click", handler);
});
});

&lt;/script&gt;
</code></pre>

<p><strong>Form #2</strong></p>

<pre><code>$(document).ready(function(){

    $('.submit').click(function(){
    var answers = [];
    $.each($('.field'), function() {
        answers.push($(this).val()); 
    });

    if(answers.length == 0) { 
        answers = "none"; 
    }   
    alert(answers);
    return false;                           
    }); 
});
</code></pre>
