$('option').mousedown(function(e) {
    e.preventDefault();
    $(this).prop('selected', !$(this).prop('selected'));
    return false;
  });

before {
  content: "2610";
  width: 1.3em;
  text-align: center;
  display: inline-block;
}
option:checked::before {
  content: "2611";
}

<input id="checkbox-avenger" type="checkbox" name="something" value="Avengers" style="display: none;" />
<label for="checkbox-avenger">**here you custom layout stuff**</label>