An issue I have not resolved related to my 'Get element id on hover (or mouseover)' post
<p>Basically this is my function:</p>

<pre><code>function FillDivLeft(groups, side) {
 var cnt = 1;
 $.each(groups, function (index, groups) {
     $(side)
     .append(
         $(document.createElement('label')).attr({
             id: cnt + 'lbl',
             class: 'myClass'
         })
     );
     $('#' + cnt + 'lbl')
     .append(
         $(document.createElement('input')).attr({
             id: groups.GroupCode,
             type: 'checkbox',
             name: 'testGroup',
             class: 'leftClass'
         })
     );
     $('#' + groups.GroupCode).after
     (
         $(document.createElement('span')).text(groups.GroupName).attr({
             class: 'leftSpan'
         })
     );
     $('#' + cnt + 'lbl').after($(document.createElement('br')));
     cnt = cnt + 1;
 }); 
}
</code></pre>

<p>I have tried all sorts and although the new elements are created, classes assigned etc. it appears that all jquery functions on the page do not work, such as: </p>

<pre><code>$('.leftSpan').click(function () {
    $('#lblOutput').text(this.id);
});
</code></pre>

<p>Even a hover function on the parent div does not work.</p>

<p>I can't see a possible cause so any help or pointers would be appreciated.</p>
