Logging JavaScript client-side to floating div

logger.js

// Requires jQuery
var logger = {
  setup: function() {
    $('<div style="position:fixed; top: 0; left: 0; width: 100%; background-color: white;"><pre id="log-output" style="max-height: 70px; font-size: 10px; line-height: 12px;"></pre></div>')
      .appendTo('body');
    this.logOutput = $('#log-output');
  },
  info: function(msg) { this.logOutput.prepend(msg + "\n"); },
  hide: function() { this.logOutput.parent().hide(); },
  show: function() { this.logOutput.parent().show(); }
};
logger.setup();

logger.info("Something to report...");

//logger.hide();
//logger.show();