jQuery - fire click event on live loaded elements
<p>I've an ajax modal with profile data, splitted by special categories, which are folded.</p>

<p>In my global.js, i'm loading the following code:</p>

<pre><code>$(document).on('click', '.msg-head', function() {
if($(this).hasClass('msg-close')) {
    $(this).next('.msg-body').show(50);
    $(this).removeClass('msg-close').addClass('msg-open');
} else {
    $(this).next('.msg-body').hide(50);
    $(this).removeClass('msg-open').addClass('msg-close');
}
});
</code></pre>

<p>The modal form which includes the .msg-head classes (categories), is loaded dynamically via click on each profile.</p>

<p>Now i tried to include a hotkey plugin:</p>

<pre><code>    $(document).bind('keydown', 'ctrl+1', function(ev) {
        $('#model-form .msg-head:eq(0)').click();
        return false;
    });
</code></pre>

<p>works as expected at the first profile. If I close the first profile and open any other, jquery can't handle the $('#model-form .msg-head:eq(0)') element.</p>

<p>How can I access the first .msg-head element live ???</p>
