Combining 2 functions
<p>Hey All,
Thanks in advance for helping me solve this. Any advice you have is greatly appreciated. I'll jump right into it. </p>

<h2>Function 1</h2>

<p>This function adds a set of checkboxes to page from an external file. This function can take place multiple times so that a user can create multiple forms to submit simultaniously</p>

<pre><code>$( '#partners_internal_item_additem' ).click( function( e ){
        $( '#partners_program_registration' ).append(
            $( '&lt;div&gt;' ).load( 'accomodationpartners/programregistration1.html' )
        );
        e.preventDefault();
});
</code></pre>

<p>This is what it returns:</p>

<pre><code>&lt;div class="partners_internal_item"&gt;
&lt;div class="partners_internal_item_subhdrfull"&gt;&lt;h2&gt;Select a Product to Register For:&lt;/h2&gt;&lt;/div&gt;
&lt;div class="partners_internal_product_select"&gt;
    &lt;fieldset&gt;&lt;input type="checkbox" class="productselect" id="productselect_daytrip" /&gt;&lt;label for="productselect_daytrip"&gt;Day Trip&lt;/label&gt;&lt;/fieldset&gt;
    &lt;fieldset&gt;&lt;input type="checkbox" class="productselect" id="productselect_courseregistraion" /&gt;&lt;label for="productselect_courseregistraion"&gt;Course Registration&lt;/label&gt;&lt;/fieldset&gt;
    &lt;fieldset&gt;&lt;input type="checkbox" class="productselect" id="productselect_socialbusinessgroup" /&gt;&lt;label for="productselect_socialbusinessgroup"&gt;Social/Business Group&lt;/label&gt;&lt;/fieldset&gt;
    &lt;fieldset&gt;&lt;input type="checkbox" class="productselect" id="productselect_paddlefest" /&gt;&lt;label for="productselect_paddlefest"&gt;Paddlefest&lt;/label&gt;&lt;/fieldset&gt;
    &lt;fieldset&gt;&lt;input type="checkbox" class="productselect" id="productselect_paddleplay" /&gt;&lt;label for="productselect_paddleplay"&gt;Paddle and Play&lt;/label&gt;&lt;/fieldset&gt;
&lt;/div&gt;
&lt;div class="partners_internal_product_registration"&gt;hi&lt;/div&gt;
</code></pre>

<p></p>

<h2>Function 2</h2>

<p>This function selects a checkbox and unselects all of the others. Then this function builds a URL to load into a div based on the checkbox selected.</p>

<pre><code>var checkboxes = $(':checkbox.productselect');
checkboxes.click(function() {
    /* uncheck checkboxes that aren't this one */
    $(checkboxes).not($(this)).attr('checked', false);
    /* get the name of the page to load
    from the id of the checkbox selected */
    var checkboxID = $(this).attr('id');
    var checkboxIDArray = checkboxID.split('_');
    var loadString = 'accomodationpartners/'+checkboxIDArray[1]+'.php';
    /* load the html into the div */
    $('.partners_internal_product_registration').load(loadString);
});
</code></pre>

<h2>Function 3</h2>

<p>This function was recently added to help contain the result of the previous function.The reason being is that Function #1 can happen multiple times leaves copies of the same HTML with the same classes. Then when the user completes function #2 it effects all of the other one I cannot seem to integrate  function #3 seamlessly into the equation. </p>

<pre><code> $('.partners_internal_product_select input[type=checkbox]').live('change', function(){
   // figure out which checkbox was checked and whatever
   // but only affect the registration that holds the checkbox:
   var AffectedRegistration = $(this).closest('.partners_internal_product_select');
   // this is where I try to incorporate function #2
});
</code></pre>
