JSFiddle - React, Tailwind, and code Playground

HTML

<html>
<head>

<script type="text/javascript" src="http://ryanfait.com/resources/custom-checkboxes-and-radio-buttons/custom-form-elements.js"></script>
<style>
.checkbox, .radio {
  width: 19px;
  height: 20px;
  padding: 0 5px 0 0;
  background: url('http://static4.ryanfait.org/images/checkbox.png') no-repeat;
  display: block;
  clear: left;
  float: left;
}
</style>
</head>
<body>
<input id="1" type="checkbox"  class="styled" />
<label for="1"> One</label>
<br />
<input id="2" type="checkbox"  class="styled" />
<label for="2">Two</label>
<br />

</body>
</html>

JavaScript

$('input[type="checkbox"]').bind('click', function(){
alert($(this).checked);
})