JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="filters">
    <li><input type="checkbox" value="categorya" id="filter-categorya" /><label for="filter-categorya">Category A</label></li>
    <li><input type="checkbox" value="categoryb" id="filter-categoryb" /><label for="filter-categoryb">Category B</label></li>
</ul>

<div class="categorya"></div>
<div class="categorya"></div>
<div class="categorya"></div>
<div class="categorya"></div>
<div class="categoryb"></div>
<div class="categoryb"></div>
<div class="categoryb"></div>

CSS

.categorya, .categoryb {
    width: 150px;
    height: 150px;
    background: red;
    margin: 10px;
    float: left;
}

.categoryb {
    background: blue;
}

JavaScript

$("#filter-categorya").click(function(e) {
   e.preventDefault(); 
});