写一个能实现manticore search搜索功能的html页面

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Manticore Search</title>
    <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
</head>
<body>
    <h1>Manticore Search</h1>
    <form id="searchForm">
        <input type="text" id="searchQuery" placeholder="Enter your search query">
        <input type="submit" value="Search">
    </form>
<pre><code>&lt;div id=&quot;searchResults&quot;&gt;&lt;/div&gt;

&lt;script&gt;
    $(document).ready(function() {
        $('#searchForm').submit(function(event) {
            event.preventDefault();
            var query = $('#searchQuery').val();

            $.ajax({
                url: 'https://your-manticore-search-server/search',
                type: 'GET',
                data: { q: query },
                dataType: 'json',
                success: function(data) {
                    displayResults(data);
                },
                error: function() {
                    alert('An error occurred while performing the search.');
                }
            });
        });

        function displayResults(data) {
            $('#searchResults').empty();
            if (data.hits.total &gt; 0) {
                for (var i = 0; i &lt; data.hits.hits.length; i++) {
                    var result = data.hits.hits[i];
                    var title = result._source.title;
                    var content = result._source.content;

                    var resultItem = '&lt;div class=&quot;result&quot;&gt;' +
                                        '&lt;h3&gt;' + title + '&lt;/h3&gt;' +
                                        '&lt;p&gt;' + content + '&lt;/p&gt;' +
                                    '&lt;/div&gt;';
                    $('#searchResults').append(resultItem);
                }
            } else {
                $('#searchResults').html('&lt;p&gt;No results found.&lt;/p&gt;');
            }
        }
    });
&lt;/script&gt;
</code></pre>
</body>
</html