When I click the "Fly!" button, I see the console.log output. Not so with the "Go!" button. What gives?

failing at bootstrap

JS:

        // Callback to populate recommendations div.
        callback = function(data) {
            recDiv.html("");
            $.each(data.data, function(i, datum) {
                var thumb = "<div class='thumb'><img src='" + datum.thumb_url_medium + "'></div>",
                    title = "<div class='title'>" + datum.title + "</div>"
                recDiv.append("<div class='post'>"+title+thumb+"</div>");
            });
        };

        function click(url,callback) {
          console.log("clicked");
          $.getJSON(url, callback);
        }

        function srsly() { console.log("I know, right?!");}

Buttons:

            <button type="button" class="btn btn-default" onClick="click(url,callback)">Go!</button>
            <button type="button" class="btn btn-default" onClick="srsly()">Fly!</button>