Problema de reemplazar HTML

He definido un nuevo bloqueo de foro así.

blockManager.add('block-forum', {
		etiqueta: 'Blog, Discusión o Foro',
		Atributos: {Clase: 'FA FA-List-ALT'},
		Contenido: '
			<DIV clase='forum_directory'>
				<div class="resource" data-gjs-editable="false" data-gjs-selectable="false" data-gjs-hoverable="false" data-gjs-propagate='["editable", "selectable", "hoverable]'>
					Selecciona un elemento en el panel de configuración de la derecha.
				</div>
			',</DIV>
		categoría: 'Otros',
});

Quiero reemplazar la clase de recurso por la respuesta ajax html. Actualmente lo he hecho así.

var replaceResource = function(model, data) {
		si (modelo) {
			var element = model.view.$el;
			var object = element.find('.resource')[0];
                        object.innerHtml = data;
		}
	};

El problema es que el Hover no funciona después de este reemplazo. Los datos contienen varias etiquetas div. Quiero que la acción de hover funcione correctamente para la clase forum_directory.