title: Prevent function execution twice within two triggered events
body: <p>I have the following code:</p>
  
  <pre><code>    myInput.change(function (e) { // this triggers first
          triggerProcess();
      });
  
      myButton.click(function (e) { // this triggers second
          triggerProcess();
      });
  </code></pre>
  
  <p>The problem with the above is when I click <code>myButton</code> both events are triggered and <code>triggerProcess()</code> is fired twice which is not desired. </p>
  
  <p>I only need <code>triggerProcess()</code> to fire once. How can I do that?</p>