In any case I don't see the background image in the DIV. Why is this and how can I fix it?
<!-- THESE ARE THE WEB PAGE ELEMENTS INVOLVED -->
<!-- This DIV is where any warning messages will be displayed if a cat's face can not be
detected properly in the uploaded photo. -->
<div class="kittydar-viewer" id="kittydar-viewer"></div>
<!-- This is where progress messages from the KittyDar detector are displayed as it searches for a cat face in the uploaded picture. -->
<div class="kittydar-progress" id="kittydar-progress">(none)</div>
// This is the script that grabs the image from the CANVAS element and sets the
// the desired DIVs background-image CSS property to the URL provided by the
// CANVAS element.
var previewCanvasAsUrl = $("#preview").get(0).toDataURL();
$("#easter-egg-cat-1").css("backround-image", "url(" + previewCanvasAsUrl + ")");
You have a typo:
$("#easter-egg-cat-1").css("background-image", "url(" + previewCanvasAsUrl + ")"); ^