You can't assign the event handler to the element as you tried, as it doesn't exist at the time. Instead, you can attach it to a container element like this...
$(document).ready(function() {
$("#showroom").on("click", "#DrawItem", function(){
$("canvas").drawArc({
fillStyle: "black",
x: 100, y: 100,
radius: 50
});
});
});
That will capture click events on #showroom
and fire the event handler if the click originated from #DrawItem
. This is event delegation and you can read more about it here...