     ele.before(newEle)
 
     newEle.mouseover (event) ->
-      newEle.text(originalText)
+      newEle.html(originalText)
 
     newEle.mouseleave (event) ->
       newEle.text(substituteText)


    removeArray = []

    newEle = this.createSubstitutionElement(start.textContent, substituteText, $(start))

    start.textContent = ""


          this.singleSubstitution(packager, data.text)

  createSubstitutionElement: (originalText, substituteText, ele) ->

    # we don't preserve full formatting but we can at least put some paragraph breaks in
    originalText = originalText.replace(new RegExp('\n', 'g'), '<br/>')
    console.log(originalText)

    newEle = $('<span class="annotation-hover"></span>')
    newEle.text(substituteText)

