通过jQuery/Javascript追加搜索表单时出现意外标记

我正试图在wordpress网站的导航栏中添加一个搜索表单。我必须通过在页脚小部件的脚本标记中编写javascript来实现这一点，因为我无法编辑实际的源代码。但是，我在控制台中收到一个错误，指示Unknown SyntaxError: Unexpected token ILLEGAL。但是，我无法确定需要更改什么来更正此错误。

这是我写的javascript，它在控制台中被标记：

$mainNav.append("<li id='search'>
<form role='search' method='get' class='search-form form-inline' action='https://son.sites.unc.edu/'>
<div class='input-group'>
 <label class='hide'>Search for:</label>
  <input type="search" aria-labelledby='search site' value='' name='s' class='search-field form-control' placeholder='Search this site...'>
    <span class='input-group-btn'>
     <button type='submit' aria-labelledby='Submit' value='Submit Search' class='search-submit btn btn-default'>
      <span class='glyphicon glyphicon-search'>
      </span>
     </button>
    </span>
   </div>
</form></li>");