title: Assigning click event handler inside keyup event causes the click event to be fired multiple times
body: <p>I am attempting to add an event handler to an anchor only when certain form fields are populated, like so:</p>
  
  <pre><code>$('#newName, #newFrom').keyup(function (e) {
      if ($('#newName').val() || $('#newFrom').val()) {
          $('#add-person').click(function (e) {
              //Handle event, includes adding a row to a table.
              $('this').off();
          });
      }
  });
  </code></pre>
  
  <p>It seems like the first event is getting propagated to the second one since I end up with the same number of rows in my table as keys I have typed.</p>
  
  <p>I've tried adding</p>
  
  <pre><code>    e.stopPropagation();
  </code></pre>
  
  <p>But with no success.</p>