search.html

<div xmlns="http://www.w3.org/1999/xhtml" data-template="templates:surround" data-template-with="templates/page.html" data-template-at="content">
    <div class="row">
        <div class="col-md-12">
            <div class="page-header">
                <h1>Search Plays</h1>
            </div>
            <form class="form-inline" role="form">
                <div class="form-group">
                    <label class="sr-only" for="inputKeyword">Keywords: </label>
                    <input type="text" class="form-control" id="inputKeyword" name="term" placeholder="Keywords"/>
                </div>
                <div class="form-group">
                    <label for="inputField">&#160;Limit by:&#160;</label>
                    <select name="field" if="inputField">
                        <option value="">All</option>
                        <option value="title">Title</option>
                        <option value="sp">Speech/Lines</option>
                        <option value="stage">Stage Directions</option>
                    </select>
                </div>
                <div class="form-group">
                    <button class="btn btn-default" type="submit">
                        <span class="glyphicon glyphicon-search"/>
                    </button>
                </div>
            </form>
            <hr/>
            <div data-template="search:display-results"/>
        </div>
    </div>
</div>