Jquery with html

Jquery with html

I am having a problem with this html that references the function below:  It is pulling the video title when clicked.  I am trying to get the title to display as a h1 tag but it will not display in anything other than what looks like a <p> tag


<div id="VideoTitle"></div>

I have tried:
<h1><div id="VideoTitle"></div></h1>  <-----This is the code inplimented when the screen shot was taken--------


<h1 id="VideoTitle"></h1>



function playFileInFlashAndScroll(event, fileId) {
            var title = "";

            var container = 'dnn_ctr1129_ViewVideoGallery_PlayerContainer_flashObject';
            var scrollId = 'dnn_ctr1129_ViewVideoGallery_videoGalleryScrollDiv';

            try
            {
                title = window.event.srcElement.attributes["title"].value;
            }
            catch (e) {
               title = event.target.attributes["title"].value;
           }
           
            var elementId = '#' + scrollId;
            var element = jQueryCS(elementId);
            var elementHeight = element.offset();
            jQueryCS('html, body').animate({ scrollTop: elementHeight.top }, 500);
            cs.videogallery.playFileInFlash(container, fileId);
            $("#VideoTitle").html(title);
        }