I have created tinymce accordion plugin and it is working fine in other browsers.But it throw an error of "TypeError:undefined is not an object " when insert and onclick.

It basically adding content and push them in to the editor as an accordion.

When i using safari in macbook air and when adding to the content to the editor it show this error in console and not adding them to the editor.

Here is the js code inside HTML file

Here is the Js code

var cfHtmlSnippetDialog = {   
    init: function () {  
        //empty function
}, insert: function () {
    var sel_text = 0;
    var ed = tinyMCEPopup.editor;
    if (ed.selection.getContent()) {
        content = ed.selection.getContent();
        sel_text = 1;
    } else {
        content = ed.getContent();
    }
    if (edit) {
        tinyMCEPopup.editor.dom.select('#' + accordionID)[0].innerHTML = jQuery('#' + accordionID).html();
        tinyMCEPopup.execCommand('mceInsertContent', false, "");
        tinyMCE.triggerSave();
    } else {
        tinyMCEPopup.execCommand('mceInsertContent', false, "
" + jQuery('.accordion-panel-group').html() + "
");
    } tinyMCE.triggerSave();
    tinyMCEPopup.close();
}
};
tinyMCEPopup.onInit.add(cfHtmlSnippetDialog.init, cfHtmlSnippetDialog);

I can insert first accordion text to the editor.But after second text it throw this issue in console and pointing out this position

tinyMCEPopup.editor.dom.select('#' + accordionID)[0].innerHTML = jQuery('#' + accordionID).html();