title: How trigger 2 events with 1 selector?
body: <p>When the user clicks on "a.open-popup", I need some HTML to change (1 function) and a simplelightbox to pop open (another function). How do I do this? I can only get 1 of the 2 functions to trigger.</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div&gt;
          &lt;p class="plan-msg"&gt;Plan message&lt;/p&gt;
          &lt;div class="completed-button"&gt;
                 &lt;a href="#popup01" class="open-popup"&gt;Did it&lt;/a&gt;
          &lt;/div&gt;  
  &lt;/div&gt;
  </code></pre>
  
  <p>jQuery function 1 (HTML changes):</p>
  
  <pre><code>jQuery('a.open-popup').click(function(event){
  var $parent = jQuery(this).parent();
  
      event.preventDefault();
      $parent.siblings('.plan-msg').remove();
      $parent.removeClass('completed-button')
                  .addClass('add-inv-button ')
                  .html('Add to Plan');
  
  });
  </code></pre>
  
  <p>jQuery function 2 (open simplelightbox):</p>
  
  <pre><code>$(function(){
      jQuery("a.open-popup").click(function(event) {
             event.preventDefault();
             jQuery(this).simpleLightbox({ closeLink:'a.close' });
       });
  })
  </code></pre>
  
  <p>Thanks.</p>