# Reset Control

This control resets all other controls to their initial state.

## HTML Structure

Reset control is defined by required `data-jplist-control="reset"` data attribute. The `data-group` attribute defines group of elements that should be filtered.

    <!-- different jplist controls -->
    ...

    <!-- reset control -->
    <button
            data-jplist-control="reset"
            data-group="group1"
            data-name="reset"
            type="button">
        Reset
    </button>

    <!-- content -->
    <div data-jplist-group="group1">

        <!-- item -->
        <div data-jplist-item>
            <div class="title">Title value 1</div>
            ....
        </div>

        <!-- item -->
        <div data-jplist-item>
            <div class="title">Title value 1</div>
            ....
        </div>

        <!-- item -->
        <div data-jplist-item>
            <div class="title">Title value 1</div>
            ....
        </div>

    </div>

    <!-- jplist library -->
    <script src="jplist.min.js"></script>
    <script>
        jplist.init();
    </script>