Click event not firing on checkbox
<p>Am I going crazy?</p>

<p>I can't get a click event to fire on a checkbox. </p>

<p>This is my JS:</p>

<pre><code>    $(document).ready(function() {
        $('.checkbox').on('click', function () {
            console.log('ello');
        });
    });
</code></pre>

<p>This is my php/html:</p>

<pre><code>    &lt;ul class="category-filters"&gt;
            &lt;li&gt;
                &lt;input class="checkbox" value="Customer Service" type="checkbox"&gt;Customer Service
            &lt;/li&gt;
            &lt;li&gt;
                &lt;input class="checkbox" value="HR" type="checkbox"&gt;HR&lt;/li&gt;
    &lt;/ul&gt;
</code></pre>

<p>It is worth pointing out that if I change the function/method to hide then it works... </p>

<p>but it does not trigger a click event. I've used on and click to try this.. </p>

<p>Is it because the class selector I'm using returns an array?</p>

<p>Cheer</p>