Как исправить «потенциально опасное значение Request.Path было обнаружено от клиента (<)».

Question

В этом представлении у меня есть функция поиска, где каждое искомое слово будет выделено.когда я нажимаю только одну кнопку без поиска, это работает.но если я сначала выполню поиск и нажму на выделенные слова, я получу ошибку.

Ошибка сервера в «/» приложении.[HttpException (0x80004005): У клиента было обнаружено потенциально опасное значение Request.Path (<).]. </p>

Есть идеи, как это исправить?ниже мой код

<style>
#search_para {
    color: grey;
}

.highlight {
    background-color: yellow;
}
</style>

<div id="wrapper">
  <input type="text" id="search_text">
  <input type="button" value="search" id="search">
</div>

<div id="inputText1">
  <ul>
        @Html.ActionLink("Form User", "Index", "User", null, new { @class = "btn btn-primary" })
        @Html.ActionLink("Form Role", "Index", "Role", null, new { @class = "btn btn-primary" })
        @Html.ActionLink("Form Transaction", "Index", "Transaction", null, new { @class = "btn btn-primary" })        
  </ul>
<div>

<script>
document.addEventListener('DOMContentLoaded', function () {
    var searchpara = document.getElementById("inputText1").innerHTML;
    searchpara = searchpara.toString();
    document.getElementById("search").onclick = function () { highlight_word(searchpara) };
}, false);

function highlight_word(searchpara) {
    var text = document.getElementById("search_text").value;
    if (text) {
        var pattern = new RegExp("(" + text + ")", "gi");
        var new_text = searchpara.replace(pattern, "<span class='highlight'>" + text + "</span>");
        document.getElementById("inputText1").innerHTML = new_text;
    }
}
</script>