---
---
<script>
$(".escapeMe").remove();
</script>
<!--
http://10consulting.com/2013/03/06/jekyll-and-lunr-js-static-websites-with-powerful-full-text-search-using-javascript/
-->

<div class="home">
    <header class="post-header">
        <h1>Search</h1>
    </header>

    <article class="post-content">
        <div id="search">
            <form action="search.html" method="get">
                <input type="text" id="search-query" name="q" placeholder="Search" autocomplete="on">
            </form>
        </div>

        <section id="search-results" style="display: none;">
            <p>Search results</p>
            <div class="entries">
            </div>
        </section>

        {% raw %}
        <script id="search-results-template" type="text/mustache">
			{{#entries}}
			<article>
				<h3>
					{{#date}}<small><time datetime="{{pubdate}}" pubdate>{{displaydate}}</time></small>{{/date}}
					<a href="{{url}}">{{title}}</a>
				</h3>
			</article>
			{{/entries}}
		</script>
        {% endraw %}


        <script src="../js/search.min.js" type="text/javascript" charset="utf-8"></script>

        <script type="text/javascript">
            $(function() {
                $('#search-query').lunrSearch({
                    indexUrl: 'js/index.json',           // URL of the `index.json` index data for your site
                    results:  '#search-results',          // jQuery selector for the search results container
                    entries:  '.entries',                 // jQuery selector for the element to contain the results list, must be a child of the results element above.
                    template: '#search-results-template'  // jQuery selector for the Mustache.js template
                });
            });
        </script>
    </article>
</div>