Code not working in my own project?

$('#photobutton').click(function() {
    var flickerAPI = "http://api.flickr.com/services/feeds/photos_public.gne?jsoncallback=?";
    var flickerOptions = {
        tags: "cats",
        format: "json"
    }
    var displayPhotos = function(data) {
        var photoHTML = '<ul>';
        $.each(data.items, function(i, photo){
            photoHTML += '<li>';
            photoHTML += '<a href="' + photo.link + '"';
            photoHTML += '<img src="' + photo.media.m + '"></a></li>';
        });
        photoHTML += '</ul>';
        $('#photos').html(photoHTML);
    }
    $.getJSON(flickerAPI, flickerOptions, displayPhotos)
});

<div id="photos">
      <button id="photobutton" type="button" class="btn btn-primary">Reveal Images!</button>
    </div>