How to toggle an image on a check box

I need to change an image on a check box in MVC, it's not working now, below is the code, can someone tell me what I am missing?

Here is the view file

<table>
<tr>
<td>
    <div class="btn-group pull-right" data-toggle="buttons">
               <label id="lblStatementCheckBox" class="btn btn-p1-navbar active pull-right" onclick="ToggleStatementCheckBox();">
                 <input id="btnStatement" name="" type="checkbox" autocomplete="off">
                    <span class="glyphicon glyphicon-remove"></span>
               </label>
        </div>
</td>
</tr>
</table>

function ToggleStatementCheckBox() {
            alert("I am in here");
            $('#lblStatementCheckBox span.glyphicon').toggleClass("glyphicon-ok");

}