<section class="marginTop">
    <form>
        <label for="searchBox"><i class="fa fa-search" aria-hidden="true"></i></label>
        <input id="searchBox" type="text" placeholder="Search by title, tag, or brand" />
        {{#if price}}
            <span>
                <label>price</label>
                <span class="inputitem">
                {{#each price}}
                    <input type="checkbox" name="prices[]" id="price-{{ @key }}" value="{{ @key }}" />
                    <label for="{{ @key }}">{{ @key }}</label><br />
                {{/each}}
                </span>
            </span>
        {{/if}}
        {{#if labels}}
            <span>
                <label>Labels</label>
                <span class="inputitem">
                {{#each labels}}
                    <input type="checkbox" name="labels[]" id="labels-{{ @key }}" value="{{ @key }}" />
                    <label for="{{ @key }}">{{ @key }}</label><br />
                {{/each}}
                </span>
            </span>
        {{/if}}
        <button id="searhButton" type="submit">Search</button>
    </form>
    <ol id="community-forums" class="list-group">
    {{#each forums}}
        <li class="list-group-item">
            <p>{{ this.createdOn }}</p>
            <a href="forums/{{this._id}}">{{ this.title }}</a>
        </li>
    {{/each}}
    </ol>
</section>
<script src="/public/js/communityForums.js"></script>

<section class="marginTop">
    <form>
        <label for="searchBox"><i class="fa fa-search" aria-hidden="true"></i></label>
        <input id="searchBox" type="text" placeholder="Search by title, tag, or brand" />
        {{#if price}}
            <span>
                <label for="prices">price</label>
                <span id="prices" class="inputitem">
                {{#each price}}
                    <input type="checkbox" name="prices[]" id="price-{{ @key }}" value="{{ @key }}" />
                    <label for="price-{{ @key }}">{{ @key }}</label><br />
                {{/each}}
                </span>
            </span>
        {{/if}}
        {{#if labels}}
            <span>
                <label for="labels">Labels</label>
                <span id="labels" class="inputitem">
                {{#each labels}}
                    <input type="checkbox" name="labels[]" id="labels-{{ @key }}" value="{{ @key }}" />
                    <label for="labels-{{ @key }}">{{ @key }}</label><br />
                {{/each}}
                </span>
            </span>
        {{/if}}
        <button id="searhButton" type="submit">Search</button>
    </form>
    <ol id="community-forums" class="list-group">
    {{#each forums}}
        <li class="list-group-item">
            <p>{{ this.createdOn }}</p>
            <a href="forums/{{this._id}}">{{ this.title }}</a>
        </li>
    {{/each}}
    </ol>
</section>
<script src="/public/js/communityForums.js"></script>

Fix accessibility with community forum search
Fix accessibility with community forum search
