鼠标悬停时更改内容，鼠标移除后恢复

我有一些带有一些文本的DIV，想要在鼠标悬停时更改文本，并在mouSEO（(Search Engine Optimization)）ut后恢复文本。如下所示。

I have a DIV with some text, want to change the text on mouSEO（(Search Engine Optimization)）ver, and restore the text after mouSEO（(Search Engine Optimization)）ut. Like following.

< div class =test> MouSEO（(Search Engine Optimization)）ut的文本< / div>

< div class =test>鼠标悬停的文本< / div>

我尝试按照以下方式执行此操作，但鼠标悬停时文本更改但鼠标悬停后未恢复：

I tried to do it like following, but the text change when mouSEO（(Search Engine Optimization)）ver but not restore after mouSEO（(Search Engine Optimization)）ut:

$(".test").hover(
  function() {
    var $original = $(this).clone();
    $(this).html("Text of MouSEO（(Search Engine Optimization)）ver");
  },
  function() {
    $(this).html($original);
  }
);