HTML Button - Script Not Working?

I'm looking to dress up a form by adding in some HTML buttons that have images (basically the ItemType image).

I've got methods linked to normal buttons on the form and those are working as expected.

When I do an HTML button they look like I want, but the script doesn't seem to be firing.  Here's a code snippet:

<script>
	function meeting() {
		
	// Create an Innovator object

    var inn = aras.newIOMInnovator();
    var thisItem = parent.thisItem;

    var mtg = inn.newItem("Meeting","add");
    mtg.setProperty("_project", thisItem.getID());

    var results = mtg.apply();
    top.aras.uiShowItemEx(results.node, "tab view", true, true);
		
</script>

<button class="button-meeting" onClick="meeting()">
</button>

What have I got wrong here?  The script is copy/paste from the method.  Thanks in advance!