Checkbox in Semantic UI

Question

I'm trying to do checkbox in Semantic UI, but it doesn't work and I can't figure out what I'm doing wrong. I'm including jquery, semantic.min.js, checkbox.js and semantic.min.css, then I add this code:

$('.ui.checkbox')
    .checkbox()
;

There is console output, but image of checkbox doesn't change.

Answer 1

I've solved this problem to write jQuery's code like this:

$(document).ready(
        function () {
            $('.ui.checkbox')
                    .checkbox()
                    ;
        });

Answer 2

Did you wrap it on proper Div tags?

<div class="ui checkbox">
  <input type="checkbox" name="fun">
  <label>I enjoy having fun</label>
</div>