GusOnclickProblem

Can't get the "Add A Meeting" button to invoke a JS function.

HTML

<form Area="M32" action="/Ellucian.Web.Student/M32/Gusto/CreateEventRequest2" method="post">
  <div class="dataentry">


    <hr />
    <h2> Meetings </h2>
    <!-- <button id="addMeeting" type="button" onclick="addMeeting();" class="eds-button eds-button--small eds-button--secondary float-left"> Add A Meeting </button> -->
    <button id="addMeeting" type="button" onclick="addMeeting();"> Add A Meeting </button>
    <br /><br /><br />

    <table id="meetings">
      <tr>
        <th> Dup-<br />licate </th>
        <th> Meeting Name * </th>
        <th> Type * </th>
        <th> Date * </th>
        <th> Setup <br /> Minutes * </th>
        <th> Actual <br /> Start Time * </th>
        <th> Estimated <br /> End Time * </th>
        <th> Takedown <br /> Minutes * </th>
        <th> Estimated <br /> Attendance * </th>
        <th> Food <br /> Present </th>
        <th> Preferred <br /> Room </th>
        <th> De-<br />lete </th>
      </tr>
    </table>
    <br />

    <input type="submit" />
  </div>
</form> <br />

JavaScript

function duplicateMeeting() {
      alert("button 'duplicate a meeting' was clicked");
      return false;
    }

    function deleteMeeting() {
      alert("button 'delete a meeting' was clicked");
      return false;
    }

    function addMeeting() {
      alert("add button clicked");
      return false;
    }