bootstrapのdata-toggleでボタン化されたチェックにcheckedを入れられません。

###前提・実現したいこと
fields_forのcheck_boxをボタンにして表示し（実際にcheckを入れ）たいです。

###発生している問題・エラーメッセージ
ボタンを押してもcheckが入らずその箇所のデータが送られません。

###該当のソースコード

HTML
1                = f.fields_for :tags, @plan.tags do |tag_f|
2                    %div{ 'data-toggle': 'buttons' }
3                      %label.btn.btn-block.btn-default#toggle-note.check_button
4                        = tag_f.check_box :tag_id, { 'autocomplete': 'off'}, tag.id.to_s
5                        = tag.name
6                      %br
7                      = tag_f.text_field :note, class: 'hidden form-control', id: "plan_tag_note#{@n}", placeholder: t('.level'), value: ''
8                      - @n += 1
9                      %br

CoffeeScript
1   $('.check_button').click ->
2     check_box = $(this).find('input[type="checkbox"]')
3     label = check_box.parent('label')
4     checked = $(check_box).data('checked')
5     if checked
6       $(check_box).data 'checked', false
7       checked = false
8       label.removeClass('btn-danger')
9     else
10       $(check_box).data 'checked', true
11       checked = true
12       label.addClass('btn-danger')
13    return