Question

I am a little bit stumped with the following problem and I am afraid that the solution is too obvious but I don’t see it anymore. Problem, how come that this jQuery code works:

$(document).ready(function() {     
    var q = $(".box").val();     
    $.get("db.php", {searchterm: "test", type: "search", time: "2pm" },
        function(twitter){  
             var tweets = JSON.parse(twitter);
        }
    );

but if i make it part of a click event then it won’t work:

$(document).ready(function() {     
    $(".btn").click(function() {      
    var q = $(".box").val();     
    $.get("db.php", { searchterm: "test", type: "search", time: "2pm" },
        function(twitter){
            var tweets = JSON.parse(twitter);
         }
    );   
});

Of course, my html page does have a button with class name ‘btn’

Firebug flashes an error message within jQuery but reset the console right away so I can’t read or copy the error from the log. Any suggestions?

Answer 1

Perhaps you just need to return false; from the click handler?

$(document).ready(function() {
    $(".btn").click(function() {
        var q = $(".box").val();
        $.get("db.php", { searchterm: "test", type: "search", time: "2pm" }, function(twitter){ var tweets = JSON.parse(twitter); });
        return false;
    });
});

This will prevent the default action for the link – i.e. navigating to the URL.