Not working

$(document).ready(function(){
  $("button").click(function(){
    $(this).removeClass("selected");
    $(this).addClass("selected");
    //url
    var flickerAPI = "https://api.flickr.com/services/feeds/photos_public.gne?jsoncallback=?";
    //query string telling flicker we're making a jsonp request
    //grab text from buttons
    var animal = $(this).text();
    //data in object form
    var flickrOptions = {
      tags: animal,
      format: "json"
    };
    function displayPhotos(data) {
      var photoHTML = '<ul>';
      //loop through each of the photos from the flicker feed
      $.each(data.items, function(i, photo) {
        photoHTML += '<li class="grid-25 table-grid-50">';
        //link to the flicker page for the image
        photoHTML += '<a href="'+ photo.link +'" class="image">';
        photoHTML += '<img src= "'+ photo.media.m + '"></a></li>';
      });
      photoHTML += '</ul>';
      //add string to html of page
      $('#photos').html(photoHTML);
    }
    $.getJSON(flickerAPI, flickrOptions, displayPhotos);
  });
});