$(function() {
  $('body').append("<div id='coffee' style='display: none;'></div>");
  
  $('.coffeetime').click(function() {
    $("#coffee").dialog({
      title: "The coffee of the day is",
      width: 700,
      open: function(event) {
        $.getJSON("http://stumptowner.whoahbot.com/?callback=?", function(data) {
          $(event.target).append("<div class='coffee'>" + data["coffee"] + "</div>").
          append("<div class='elevation'>" + data["elevation"] + "</div>").
          append("<div class='varietal'>" + data["varietal"] + "</div>").
          append("<div class='flavors'>" + data["flavors"] + "</div>")
        });
      }
    });
  });
});