RegExp返回意外结果

Question

我正在使用Javascript中的正则表达式玩耍，偶然发现了意外行为。看看：https://jsfiddle.net/ft7h5cw0/

我正在尝试将.html-wrap中的#my-html-wrapper-random .html-wrap .main-content字符串替换为#my-html-wrapper-random .html-wrap。由于某种原因，更换后的结果是：

#my#my-html-wrapper-randomper-random .html-wrap .main-content而不是#my-html-wrapper-random #my-html-wrapper-random .main-content

这种行为的原因是什么？

var testString = "#my-html-wrapper-random .html-wrap .main-content";
var rxString = ".html-wrap";
var rx = new RegExp(rxString);
var result = testString.replace(rx,"#my-html-wrapper-random"); // unexpexted result strinf
console.log(result);