change column header text after load?

Have more troubles here. I change my divs to dynamic creation and now this is no longer working.

Here is a snapshot of my structure. Formatting is lost but maybe that will help.

This is how I create them.

igniteui.prototype.createDataSheet = function ( inX, inY, inWidth, inHeight, newData )
    {
        var id = this.windows.length;
        var window = document.createElement( 'div' );
        window.setAttribute( 'id:', 'myWindow' + id );
        window.setAttribute( 'data-minwidth', '75' );
        window.setAttribute( 'data-minheight', '50' );
        window.setAttribute( 'class', 'box message' );

        var bar = document.createElement( 'div' );
        bar.setAttribute( 'id', 'myBar' + id );
        bar.setAttribute( 'class', 'handle bar' );
        bar.innerHTML = '<h2>window'+id+'</h2>';
        window.appendChild( bar );

        var content = document.createElement( 'div' );
        content.setAttribute( 'id', 'myContent' + id )
        content.setAttribute( 'class', 'contents' )
        window.appendChild( content );

        var newDiv = document.createElement( 'div' );
        newDiv.setAttribute( 'id', 'myDiv' + id )
        content.appendChild( newDiv );

        var slider = document.createElement( 'div' );
        slider.setAttribute( 'id', 'mySlider' + id )
        slider.setAttribute( 'class', 'handle resize' )
        slider.innerHTML = '//';
        window.appendChild( slider );

        document.body.appendChild( window );

        this.windows.push( $( newDiv ) );

};

Any ideas I'm just not able to get to the text field any longer.