How trigger 2 events with 1 selector?
<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>
