Bootstrap blur() not working on label btn

I have label with class buttons like this:

<label class="btn btn-primary">30
   <input type="checkbox" autocomplete="off">
   <span class="glyphicon glyphicon-ok"></span>
</label>

And the jquery call back function to blur it does not work:

$("label").on("click", function(event) {
   $(event).blur()
})

Example page: http://fiddle.jshell.net/e3m62md7/

How to blur the label button when unselected?