title: Meteor: form with two submit buttons (determine button clicked in event handler)
body: <p>I have a simple form with two inputs: "title" and _"description", and two buttons: "save" (save for later) and "submit". For both I would want to get the values of my form fields and insert/update my collections accordingly.</p>
  
  <pre><code>&lt;template name="NewScenarioForm"&gt;
    &lt;form id="newScenarioForm" &gt;
      &lt;textarea type="text" id="title" name="title" rows="1" cols="75" placeholder="Type to add a title"&gt;&lt;/textarea&gt;&lt;br/&gt;
      &lt;textarea type="text" id="description" name="description" rows="4" cols="100" placeholder="Type to add a description" &gt;&lt;/textarea&gt;&lt;br/&gt;
  
      &lt;input type="submit" id="saveScenarioButton" name="action" title="Save Scenario" value="Save" /&gt;
      &lt;input type="submit" id="submitScenarioButton" name="action" title="Submit for approval" value="Submit" /&gt;       
   &lt;/form&gt;
  &lt;/template&gt;
  </code></pre>
  
  <p>Right now I'm detecting the event like this:</p>
  
  <pre><code>"click #saveScenarioButton": function(event, template) {
      event.preventDefault(); 
      var title = template.find("#title").value;
      var description = template.find("#description").value;
      ...
     //Do stuff with this information to persist information
     Meteor.call("saveScenario", title, description);
     ....
   }
  </code></pre>
  
  <p>And I need to repeat the whole function for the other button. I would would like to detect the event and determine which button was pressed instead.</p>
  
  <p>I have been struggling with an event handler like:</p>
  
  <pre><code>"submit #newScenarioForm": function(event) { 
  </code></pre>
  
  <p>But then I don't know how to determine the button clicked, since I can't figure out an event property. Is there a way to determine the button if I wanted to use the form ID in my event handler instead of the ID of each button (or a smarter way to approach this altogether?)? </p>