Bad Bootstrap Select All Checkboxes

A really bad way to select all checkboxes.

by bizamajig

HTML

<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.0.4/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.0.4/css/bootstrap-combined.min.css">
<div class="control-group">
<div class="controls">
    <div class="input">
    </div>
    <button id="toggle-all" class="btn btn-info">Select All</button>
</div></div>

        <div class="btn-group" >
            <label class="btn  btn-toggle" for="field1">
                <input type="checkbox" id="field1" name="field1" value="Y" />Email
            </label>
            <label class="btn  btn-toggle" for="field2">
                <input type="checkbox" id="field2" name="field2" value="Y" />Phone
            </label>
        </div>

JavaScript

$('#toggle-all').click(function() {
    $('.btn-group input[type="checkbox"]').prop('checked', true);
});