Javascript function only executing one line

I've got a div that starts out as hidden, and shows up when a button is clicked. There is another button on the div, and the onclick event calls this function:

    function popuppage2OK() {
        alert("you clicked ok!");
        var x = new Object();
        x.name = $("#boxforname").val();    //this is a text input
        x.option = $("#boxforoption").val();//this is a text input
        alert("hiding newfactorpage2");
        $("#popupform").hide();             //this is a div containing the text inputs and the button with the onlcick event that calls this function
        alert("popupform hidden");
        displaystuff();                     //another function ive written that needs to be called
        alert("this is after the display attempt");
    }

My probelm is that the only line that seems to execute is the line to hide the div. None of the alert boxes appear, and the displaystuff() function doesn't get executed, but the div does go back to being hidden. Any thoughts on why li开发者_运维百科nes of code might get skipped like that?

When do you attach the eventhandler to the button inside the div ?

You should do it after the page has done loading, so in Jquery you can do something like:

$(document).ready(function () {
    //attach the eventhandler here 
})

Usually this kind of behavior happens when you've got an error in your javascript. Check to ensure that all of your selectors are valid and that there aren't any errors elsewhere.