数据列表不显示

我进行搜索，从输入字段中读取文本，通过 ajax 将其发送到数据库搜索，得到结果，将其添加到数据列表中，在代码中查看正在添加的内容，但它并没有在页面上显示，尽管搜索栏中的鸟嘴说在数据列表中就是这样。HTML:

  <input type="text" list="for_search" id="search">
  <datalist id="for_search"></datalist>

查询：

$("#search").keyup(function(){
  var len = $("#search").val().length;
  if (len > 3){
    var x = $("#search").val();
      jQuery.ajax({
          type: "POST", 
          url: "search.php",
          dataType:"text", 
          data:({search: x}),
          success:function(search){
            $('<option value="' +  search + '">').appendTo("#for_search");
          },
      });
     }
   });

我在一个问题上打了半天。不在所有浏览器中显示。如果你能提出一个更合适的选择，我将不胜感激，如果这个不是很正确的话。使用 LIKE %$search% 在数据库中查找匹配项

我知道如果搜索匹配行的开头将显示什么。那些。如果我们有<option value="Продам двухкомнатную квартиру">，我们将进入搜索двухкомнатную，但我们的数据列表不会显示任何内容，如果我们输入Продам ..，那么它会正常工作。如何纠正？