can't get .click() working in FF/Gecko, BUT works in Webkit and MSIE

can't get .click() working in FF/Gecko, BUT works in Webkit and MSIE

I have some jquery code for a lunch sign up.  The user logs in on a secure page, and then is presented with a series of lunch seminars and whether or not (s)he has signed up for a lunch for each of them.  There is text that says, "click here to request a lunch", or if (s)he has not signed up, "cancel my lunch".  I can get this to work in Safari/Chrome and MSIE, but it refuses to work in FF -- nothing happens when you click the text.  I tried putting an alert() in and it appears that the click() function is not even getting called.

Would someone help me figure out why this is not working?  Thank you.  Here is a snippet of code:

$(document).ready(function() {
        $("div > a").click(function(event){
                var parentid = $(this).parent().attr("id");
                alert("div#" + parentid + " > span");
                if ($("div#" + parentid + " > span").text() == "have not requested") {

// below will be bblid:parentid; 1 is for testing.
                        $.post("brownbag-request.php", {bblid : parentid, request : "add"}, function(data){
                                $("div#" + parentid + " > span").replaceWith("<span style=\"color: #00ff00;\">have re
quested</span>");
                                $("div#" + parentid + " > a").text("Cancel my lunch for this seminar.");
                        });
                } else {
                        $.post("brownbag-request.php", {bblid : parentid, request : "remove"}, function(data){
                                $("div#" + parentid + " > span").replaceWith("<span style=\"color: #ff0000;\">have no
t requested</span>");
                                $("div#" + parentid + " > a").text("Request a lunch for this seminar.");
                        });
                }
                event.preventDefault();
        });
});