I have a site I'm working on for a class project Final Project
I have a menu at the top of the page that's working when you click on one of the first 4 items it activates this code:

Code:
        $("#theQuest").click(function(e) {                                       
        e.preventDefault();
        e.stopPropagation();
        $.get('theQuest.html', function(data) {
                     $('#display').html($(data));
            });
        });
                                               
        $("#Bedivere").click(function(e) {                                       
        e.preventDefault();
        e.stopPropagation();
        $.get('Bedivere.html', function(data) {
                     $('#display').html($(data));
             
            });
        });
etc. ...
which brings up the page beneath the menu and doesn't follow the default link if JS is enabled on the browser.
this part works.
What I want to do is use a set of check boxes to pull out selected elements from the pages and display them in the display area.
When you click the Go! button it submits to the go_there function which follows:

Code:
         function go_there() {
     //    alert("here we are");   this alert works so I know I'm running the script
        $.get('theQuest.html', function(data) {
        $('#display').html($('#coconuts', data)).append($('#yourDead', data));
            });
        }
the highlighted code works I can swap it out with $('#display').html($(data)); in the click handlers for the menu. I suspect I need to pass in something from the form but I don't know what or how.